# Howd he do this? Resizing slideshow

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

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 22, 2004, 5:41pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/101 "2004-09-22T17:41:49Z")

</div>

Hey Nessie,  
:h: What file?? I am have so many of these files. I have no Idea which one. Thanks mang for helping me out with all this!!! :love:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 23, 2004, 2:32am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/102 "2004-09-23T02:32:06Z")

</div>

some of the zips don’t have the xml file attached  
there’s a tut here [http://www.kirupa.com/developer/mx2004/xml\_flash\_photogallery.htm](http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm) which helped me greatly…it interacts with the xml  
now how can i apply this(great, insane, phenomenal, inspiring, timesaving…i could go on) resize effect to it, with that exact xml file.

if you have already answered this question, please direct me to the post or thread. your time is much appreciated

sotty your an “actionscript god” 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 23, 2004, 1:00pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/103 "2004-09-23T13:00:41Z")

</div>

hope this helps !

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 23, 2004, 4:28pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/104 "2004-09-23T16:28:44Z")

</div>

thanx nessie, i’m having trouble with that though, all good though, i’ll try and figure it out.

that aside, i think i’ve figured a way to do that “christopherknock menu”!  
stand by 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 24, 2004, 4:11am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/105 "2004-09-24T04:11:09Z")

</div>

Hello all,

I was wondering if it’s possible to use this script with .gif images? I can get it to work with .jpg images with names like wallpaper01.jpg and wallpaper02.jpg, but when I try to use .gif images it does not load anything…

It would be much better with .gif’s because I am getting the image distortion on alpha tween using .jpg images…

Any help would be appreciated.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 24, 2004, 6:55am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/106 "2004-09-24T06:55:16Z")

</div>

Welcome to kirupa forums=)

You can’t load .gif’s dynamically…

scotty(-:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 24, 2004, 9:44am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/107 "2004-09-24T09:44:15Z")

</div>

“christopherknock menu” ??

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 24, 2004, 9:49am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/108 "2004-09-24T09:49:01Z")

</div>

titel.onrollOver= function(){  
\_root.galery.desc\_bg.gotoAndPlay(2);  
\_root.titel.gotoAndStop(2);  
}

titel.onrollOut= function(){  
\_root.galery.desc\_txt.\_visible = 0;  
\_root.galery.desc\_bg.gotoAndPlay(11);  
\_root.titel.gotoAndStop(1);  
}

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 24, 2004, 3:15pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/109 "2004-09-24T15:15:56Z")

</div>

Thanks for the quick reply scotty, it’s nice to see that you are still monitoring this thread! Nice thread 2, thanks for all the help you’ve been giving everyone - you’re practically making everyone’s website that visits and uses this discussion!

When I use the original code you’ve supplied without the alpha effect I have no problems with image distortion on my jpg’s, however if do use the alpha effect then my images shift when they load into place… It looks bad when they do that…

I will most likely be sticking with the original code when I decide to use this effect.

Thanks again for all the help.

raga-

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 26, 2004, 9:31pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/110 "2004-09-26T21:31:51Z")

</div>

Hey all,

This project is great! :rock:

I do have some questions:

I’m trying to load the Thumbs dynamically with XML!, and can’t figure it out.

I would also like to limit the Thumbs width (by that I mean how far they will go) I would like to seperate them into rows.

If anyone could help that would be great (scotty hint…hint) 👁

Thanks,

Case :bu:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 29, 2004, 1:34am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/111 "2004-09-29T01:34:34Z")

</div>

and the thread keeps going… for the life of me I can’t stop the image from flickering… it seems that on the first frame of the resize me function… everything evaluates to true… and makes my image 100% visible… then on consecutive passes, the it’s false, resizes the border and displays my image… the flicker is acceptable on relatively the same size image, but on different ratios the flicker is REALLY apparent… any ideas? here’s my code:

```php
MovieClip.prototype.loadPic = function(pic) {
	cur = pic;
	this._alpha = 0;
	this.loadMovie("images/db/body/"+imgLoc[pic]);
	this._parent.onEnterFrame = function() {
		var t = containerMC.getBytesTotal(), l = containerMC.getBytesLoaded();
		if (t != 0 && Math.round(l/t) == 1 && containerMC._width>0 && containerMC._height>0) {
			var w = containerMC._width+spacing, h = containerMC._height+spacing;
//everything below is to control the maximum image size
			imgWidth = containerMC._width;
			imgHeight = containerMC._height;
			if (imgWidth<imgHeight) {
				imgRatio = imgWidth/imgHeight;
				containerMC._width = imageSize*imgRatio;
				containerMC._height = imageSize;
			} else if (imgWidth>imgHeight) {
				imgRatio = imgHeight/imgWidth;
				containerMC._width = imageSize;
				containerMC._height = imageSize*imgRatio;
			} else if (imgWidth == imgHeight) {
				containerMC._width = imageSize;
				containerMC._height = imageSize;
			}
			border.resizeMe(w, h, pic);
			delete this._parent.onEnterFrame;
		}
	};
};
MovieClip.prototype.resizeMe = function(w, h, pic) {
	var speed = 3;
	this.onEnterFrame = function() {
		containerMC._alpha = 0; // had to put this in to stop it from displaying straight off
		this._width += (w-this._width)/speed;
		this._height += (h-this._height)/speed;
		//nav._x = Math.round(this._x-this._width/2); Don't use a nav bar
		//nav._y = Math.round(this._y+this._height/2+spacing/2);
		prevb._x = this._x-this._width/2-5;
		nextb._x = this._x+this._width/2+5;
		nextb._y = prevb._y=this._y-5;
		imageText._y = this._y+this._height/2+5;
		imageText._x = border._x-picinfo._width/2;
		photo._y = this._y-this._height/2;
		photo._x = this._x-this._width/2+5;
		photo.photoID.text = imgPG[pic];//little drop shadow effect 
		photo.photoID1.text = imgPG[pic];//little drop shadow effect 
		imageText.text = imgCap[pic];
		if (Math.abs(this._width-w)<1 && Math.abs(this._height-h)<1) {
			this._width = w;
			this._height = h;
			containerMC._x = this._x-this._width/2+spacing/2;
			containerMC._y = this._y-this._height/2+spacing/2;
			containerMC._alpha = 100;
			delete this.onEnterFrame;
		}
	};
};

```

EDIT: Anyone interested in my solution… I just got rid of the \_parent in the first delete onEnterFrame. Don’t remove the first \_parent, which creates the onEnterFrame, just in the “delete” 😉 don’t ask me why this works, but now everything is a-ok

original:

```auto
   }
            border.resizeMe(w, h, pic);
            delete this._parent.onEnterFrame;
        } 

```

Fixed:

```auto
 }
            border.resizeMe(w, h, pic);
            delete this.onEnterFrame;
        } 

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 30, 2004, 6:58am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/112 "2004-09-30T06:58:27Z")

</div>

bump?

---

<div class="post-metadata">

**Author:** ![ferdibulbul](https://avatars.discourse-cdn.com/v4/letter/f/48db29/32.png) [@ferdibulbul](https://forum.kirupa.com/u/ferdibulbul)\
**Post date:** [March 19, 2006, 9:42am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/113 "2006-03-19T09:42:14Z")

</div>

hi,  
How can i add a description dynamic text to that fla. When I clicked to thumb it will read from xml. I couldnt achieve…

---

<div class="post-metadata">

**Author:** ![eidetiken](https://avatars.discourse-cdn.com/v4/letter/e/c2a13f/32.png) [@eidetiken](https://forum.kirupa.com/u/eidetiken)\
**Post date:** [March 26, 2006, 3:12pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/114 "2006-03-26T15:12:11Z")

</div>

I’m just trying to get a preloader to work in the V3withThumbs. I’ve tried every preloader listed in this thread and none of them work. Not one. I’d like to have the thumbs at 20% alpha while the full pic is loading, and then have the thumb turn 100% as the full size pics load… saw that effect in the artgallery\_new2new2004.fla. But I can’t get that gallery to work.

So how do you get a preloader… any preloader… to work in the V3withThumbs gallery?

---

<div class="post-metadata">

**Author:** ![jasmine](https://avatars.discourse-cdn.com/v4/letter/j/47e85d/32.png) [@jasmine](https://forum.kirupa.com/u/jasmine)\
**Post date:** [April 7, 2006, 11:08pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/115 "2006-04-07T23:08:28Z")

</div>

hello, i’m try to use this gallery - does anyone know how to change the code, so there is a solid x position of the gallery (images are flushed to left side of the page)? thanks for any help!

```auto

function resizeMe(w, h) {
    //border tween:
    border.tween(["_width", "_height"], [w, h], speed_resize, tweentype_resize);
    //pic and picinfo fade in:
    containerMC.alphaTo(100, speed_fadeIn, tweentype_fadeIn, speed_resize);
    picinfo.alphaTo(100, speed_fadeIn, tweentype_fadeIn, speed_resize);
    //pic position:
    containerMC._x = border._x-containerMC._width/2;
    containerMC._y = border._y-containerMC._height/2;

```

---

<div class="post-metadata">

**Author:** ![bhogiyogi](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@bhogiyogi](https://forum.kirupa.com/u/bhogiyogi)\
**Post date:** [April 11, 2006, 4:02pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/116 "2006-04-11T16:02:20Z")

</div>

Hi all  
I have used this gallery before and its work great for me. It’s been great.

What i am trying to do now is use the v3 multiple gallery to be totally XML based.

Right now the main galleies have to be statically put. There are 4 galleries right now.

I was wondering is there a way to make all the name of the galleries to be dynamic as well.

thanks

yogi

---

<div class="post-metadata">

**Author:** ![JoshuaJonah](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/joshuajonah/32/1775_2.png) [@JoshuaJonah](https://forum.kirupa.com/u/JoshuaJonah)\
**Post date:** [April 11, 2006, 4:04pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/117 "2006-04-11T16:04:32Z")

</div>

I had no idea a resizing gallery would generate 55 pages.

---

<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 11, 2006, 4:13pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/118 "2006-04-11T16:13:17Z")

</div>

@bhogiyogi: [http://www.kirupa.com/forum/showthread.php?t=213873](http://www.kirupa.com/forum/showthread.php?t=213873) post #3

@jasmine: If I understand you right, set the registration point of the border mc to the center right and change your code like this

```auto
function resizeMe(w, h) {
    //border tween:
    border.tween(["_width", "_height"], [w, h], speed_resize, tweentype_resize);
    //pic and picinfo fade in:
    containerMC.alphaTo(100, speed_fadeIn, tweentype_fadeIn, speed_resize);
    picinfo.alphaTo(100, speed_fadeIn, tweentype_fadeIn, speed_resize);
    //pic position:
    containerMC._x = border._x-containerMC._width;
    containerMC._y = border._y-containerMC._height/2;
}

```

scotty(-:

---

<div class="post-metadata">

**Author:** ![RaRdEvA](https://avatars.discourse-cdn.com/v4/letter/r/ed8c4c/32.png) [@RaRdEvA](https://forum.kirupa.com/u/RaRdEvA)\
**Post date:** [April 17, 2006, 2:01pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/119 "2006-04-17T14:01:15Z")

</div>

i can’t see the file T-T i get a message “Cannot download open the location, The server has sent an invalid response or not recognized”

---

<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 18, 2006, 6:15am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448/120 "2006-04-18T06:15:25Z")

</div>

> [@RaRdEvA](#):
>
> i can’t see the file T-T i get a message “Cannot download open the location, The server has sent an invalid response or not recognized”

??

scotty(-:

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

[Next page](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/46448.md?page=7)