# Howd he do this? Resizing slideshow

**URL:** <https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280>\
**Category:** Uncategorized\
**Created:** [March 24, 2004, 6:18pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280 "2004-03-24T18:18:59Z")\
**Posts on this page:** 12\
**Page:** 6

<div class="post-metadata">

**Author:** ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)\
**Post date:** [March 30, 2006, 7:25am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/101 "2006-03-30T07:25:30Z")

</div>

:lol: good catch 🙂

scotty(-:

---

<div class="post-metadata">

**Author:** ![archie1](https://avatars.discourse-cdn.com/v4/letter/a/f04885/32.png) [@archie1](https://forum.kirupa.com/u/archie1)\
**Post date:** [March 31, 2006, 3:33pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/102 "2006-03-31T15:33:48Z")

</div>

Oh, thanks guys.

Now for a tougher question. I am trying to load .png files from the XML document. I need them for the thumbnail images, which are rounded/anti-aliased on one side (hence the PNG format).

Is this possible to do? When I try it, the thumbnails don’t load. I just simply changed the file name in the XML document. Am I just forgetting something? It should work.

Any thoughts?

---

<div class="post-metadata">

**Author:** ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)\
**Post date:** [March 31, 2006, 6:19pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/103 "2006-03-31T18:19:39Z")

</div>

If you’re using versions below 8 it’s not possible…

scotty(-:

---

<div class="post-metadata">

**Author:** ![archie1](https://avatars.discourse-cdn.com/v4/letter/a/f04885/32.png) [@archie1](https://forum.kirupa.com/u/archie1)\
**Post date:** [March 31, 2006, 6:55pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/104 "2006-03-31T18:55:32Z")

</div>

Sweet! I just changed the Publish settings and it works. Thanks again.

---

<div class="post-metadata">

**Author:** ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)\
**Post date:** [March 31, 2006, 7:20pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/105 "2006-03-31T19:20:18Z")

</div>

:thumb:

---

<div class="post-metadata">

**Author:** ![archie1](https://avatars.discourse-cdn.com/v4/letter/a/f04885/32.png) [@archie1](https://forum.kirupa.com/u/archie1)\
**Post date:** [April 2, 2006, 6:39pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/106 "2006-04-02T18:39:07Z")

</div>

I have yet another question. I have been working with V3\_thnmbs\_slideshow and am trying to get text to display on top of the image buttons that are generated. In looking below you will see that I have built a string and assigned it to “th\_nav.imageLabel.text”. As you can tell, the dynamic text box is called imageLabel and is placed within the thumb\_nav symbol. You will also see that I have traced the value out.

But what happens is the dynamic text box is only viewable in the first button (which is the visible one on stage in the working view) and it says image 5. I am assuming the values are all getting assigned to the text box but just flip through to quickly to see. How do I get the dynamic text box to shoup for each of the buttons drawn, not just the first?

```auto
function makeButtons() {
	tnNr = 0;
	clearInterval(delay);
	for (var i = 0; i<tArray.length; i++) {
		var thb = th_nav.thmb.duplicateMovieClip("thmb"+i, 1000+i);
		thb.id = i;
		th_nav.imageLabel.text = "image " + (thb.id + 1);
		thb._y = Math.floor(-i)*26;
		trace (th_nav.imageLabel.text);
	}
	loadButtons();
}

```

---

<div class="post-metadata">

**Author:** ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)\
**Post date:** [April 3, 2006, 2:43pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/107 "2006-04-03T14:43:33Z")

</div>

Have you tried

```auto
th_nav.imageLabel.text = "image " + (i + 1);

```

?

scotty(-:

---

<div class="post-metadata">

**Author:** ![archie1](https://avatars.discourse-cdn.com/v4/letter/a/f04885/32.png) [@archie1](https://forum.kirupa.com/u/archie1)\
**Post date:** [April 3, 2006, 6:06pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/108 "2006-04-03T18:06:35Z")

</div>

Oh, yeah… that’ll work too. But at this point, I’m still trying to figure out in what function (or at what point in a function) I should be placing… something to get this “imageLabel” value to get drawn to the screen along with the actual thumbnail image.

In other words, I have an incrementing value (image 1 and image 2 etc.) but how do I get these to display with/ontop the buttons as they are displayed?

I added this line of code “th\_nav.imageLabel.\_y = Math.floor(-i)\*26;” as seen below.

Hear is what I just tried.

```auto
function makeButtons() {
	tnNr = 0;
	clearInterval(delay);
	for (var i = 0; i<tArray.length; i++) {
		var thb = th_nav.thmb.duplicateMovieClip("thmb"+i, 1000+i);
		thb.id = i;
		th_nav.imageLabel.text = "image " + (i + 1);
		// thb._x = i%3*50;
		// thb._x = i;
		// thb._y = Math.floor(i/3)*50;
		thb._y = Math.floor(-i)*26;
		th_nav.imageLabel._y = Math.floor(-i)*26;
		trace (th_nav.imageLabel.text);
	}
	loadButtons();
}

```

The result is one label (and only one) that gets moved to each new thumbnail button as they get drawn to the screen. I am getting closer but I need that label to stay on each button. Am I trying this in the wrong function?

---

<div class="post-metadata">

**Author:** ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)\
**Post date:** [April 4, 2006, 7:10am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/109 "2006-04-04T07:10:12Z")

</div>

Put the label inside the thumb and position it

```auto
function makeButtons() {
	tnNr = 0;
	clearInterval(delay);
	for (var i = 0; i<tArray.length; i++) {
		var thb = th_nav.thmb.duplicateMovieClip("thmb"+i, 1000+i);
		thb.id = i;
		thb.imageLabel.text = "image "+(i+1);
		thb._y = -(i*26);
	}
	loadButtons();
}

```

scotty(-:

---

<div class="post-metadata">

**Author:** ![joef5052881](https://avatars.discourse-cdn.com/v4/letter/j/54ee81/32.png) [@joef5052881](https://forum.kirupa.com/u/joef5052881)\
**Post date:** [May 28, 2008, 11:39am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/110 "2008-05-28T11:39:37Z")

</div>

wanna to play [age of conan gold [url=http://www.igxz.com/age-of-conan-gold-s.html]aoc gold [url=http://www.igxz.com/]lotro gold [url=http://www.lotro-sale.com/age-of-conan-gold/]age of conan gold [url=http://aoc.rgtr-credit.com/]age of conan gold](http://www.igxz.com/age-of-conan-gold-s.html)??

---

<div class="post-metadata">

**Author:** ![grmachn](https://avatars.discourse-cdn.com/v4/letter/g/71c47a/32.png) [@grmachn](https://forum.kirupa.com/u/grmachn)\
**Post date:** [July 10, 2008, 10:05pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/111 "2008-07-10T22:05:40Z")

</div>

This has been a really enlightening thread. I have been able to use almost all of the code here and it has been very helpful. However, I have an issue that is totally frustrating me. I am trying to have more than one resizable border changing at the same time to show 2 different pictures at the same time when you click the same button. It seems however that the code for one cancels the other out, so that only one of the mcs resizes and loads the next image. Any ideas why this may be happening?

---

<div class="post-metadata">

**Author:** ![stringy](https://avatars.discourse-cdn.com/v4/letter/s/919ad9/32.png) [@stringy](https://forum.kirupa.com/u/stringy)\
**Post date:** [July 11, 2008, 10:23pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/112 "2008-07-11T22:23:34Z")

</div>

on your buttons

```auto
on (release) {
	loadPic("pic2.jpg", "pic3.jpg");
}

```

and

```auto
on(release){
	loadPic("pic1.jpg","pic4.jpg");
	
	}

```

remove all the code in the second layer of your main timeline  
change the first layer code to

```auto
spacing = 10;
container2MC._alpha = 0;
containerMC._alpha = 0;
 function loadPic(pic1,pic2){
	 trace(pic1)
	_root.container2MC._alpha = 0;
	_root.containerMC._alpha = 0;
	containerMC.loadMovie(pic1);
	container2MC.loadMovie(pic2);
	_root.onEnterFrame = function(){
		if(containerMC._width && container2MC._width){
			var w2 = container2MC._width + spacing, h2 = container2MC._height + spacing;
			border2.resizeMe(w2, h2,container2MC);
			var w = containerMC._width + spacing, h = containerMC._height + spacing;
			border.resizeMe(w, h,containerMC);
			delete _root.onEnterFrame;
		}
	}
};
MovieClip.prototype.resizeMe = function(w, h,clip){
	var speed = 3;
	this.onEnterFrame = function(){
		this._width += (w - this._width)/speed;
		this._height += (h - this._height)/speed;
		if( Math.abs(this._width-w)<1){
			this._width = w;
			this._height = h;
			clip._x = this._x - this._width/2 + spacing/2;
			clip._y = this._y - this._height/2 + spacing/2;
			clip._alpha = 100;
			delete this.onEnterFrame;
		}
	}
};

```

[Previous page](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280.md?page=5)