# 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:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![sipher](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@sipher](https://forum.kirupa.com/u/sipher)\
**Post date:** [July 25, 2004, 5:15pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/41 "2004-07-25T17:15:35Z")

</div>

i post both ver. on tread #378

good luck!!

---

<div class="post-metadata">

**Author:** ![lunatic](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@lunatic](https://forum.kirupa.com/u/lunatic)\
**Post date:** [July 25, 2004, 5:24pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/42 "2004-07-25T17:24:05Z")

</div>

Thanks sipher! 😃

---

<div class="post-metadata">

**Author:** ![nessie](https://avatars.discourse-cdn.com/v4/letter/n/e274bd/32.png) [@nessie](https://forum.kirupa.com/u/nessie)\
**Post date:** [July 25, 2004, 7:12pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/43 "2004-07-25T19:12:20Z")

</div>

how do i make the thumnails to show that they have bin visited and show you vher you are???

:party: /M

---

<div class="post-metadata">

**Author:** ![snaphappy](https://avatars.discourse-cdn.com/v4/letter/s/ed8c4c/32.png) [@snaphappy](https://forum.kirupa.com/u/snaphappy)\
**Post date:** [July 27, 2004, 2:29am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/44 "2004-07-27T02:29:41Z")

</div>

Sipher, that is a beautiful effect!

Just a beginner so a basic attempt at part of nessie’s question.

To make a button look hit you could try something like this in the onPress function

```auto
 
item.onPress= function(){
  this._alpha = 50;
  }

```

?

---

<div class="post-metadata">

**Author:** ![nessie](https://avatars.discourse-cdn.com/v4/letter/n/e274bd/32.png) [@nessie](https://forum.kirupa.com/u/nessie)\
**Post date:** [July 27, 2004, 11:13am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/45 "2004-07-27T11:13:49Z")

</div>

snaphappy i tryed this alredy !

but it makes only the last one to reduce the alfa. I might not know wher to put the code and make it work on each thumb separate. It would be nice if some one know how to make it work!

Thanks!

:pleased: /M

---

<div class="post-metadata">

**Author:** ![nessie](https://avatars.discourse-cdn.com/v4/letter/n/e274bd/32.png) [@nessie](https://forum.kirupa.com/u/nessie)\
**Post date:** [July 27, 2004, 11:40am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/46 "2004-07-27T11:40:33Z")

</div>

How come when i load a swf in to my gallery the next/prev and the thoumbs functions stops ? and som time they work one time and then dont … help !

:azn: /M

---

<div class="post-metadata">

**Author:** ![nessie](https://avatars.discourse-cdn.com/v4/letter/n/e274bd/32.png) [@nessie](https://forum.kirupa.com/u/nessie)\
**Post date:** [July 27, 2004, 11:49am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/47 "2004-07-27T11:49:58Z")

</div>

Snaphappy

forget whot i just wroth about the fade it works now.But the tricky question is how to make the next/prev button to point out on the thoumbs wher you are.!?

---

<div class="post-metadata">

**Author:** ![snaphappy](https://avatars.discourse-cdn.com/v4/letter/s/ed8c4c/32.png) [@snaphappy](https://forum.kirupa.com/u/snaphappy)\
**Post date:** [July 27, 2004, 2:30pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/48 "2004-07-27T14:30:49Z")

</div>

> [@nessie](#):
>
> Snaphappy
> 
> forget whot i just wroth about the fade it works now.But the tricky question is how to make the next/prev button to point out on the thoumbs wher you are.!?

Glad that works and the next part is indeed tricky, I’ve been trying to figure that out for the photo gallery I’m building too. If I come up with anything I’ll let you know.

---

<div class="post-metadata">

**Author:** ![nessie](https://avatars.discourse-cdn.com/v4/letter/n/e274bd/32.png) [@nessie](https://forum.kirupa.com/u/nessie)\
**Post date:** [July 27, 2004, 2:32pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/49 "2004-07-27T14:32:38Z")

</div>

:azn: i will do the same for you!

---

<div class="post-metadata">

**Author:** ![snaphappy](https://avatars.discourse-cdn.com/v4/letter/s/ed8c4c/32.png) [@snaphappy](https://forum.kirupa.com/u/snaphappy)\
**Post date:** [July 29, 2004, 4:22am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/50 "2004-07-29T04:22:03Z")

</div>

ok this is just a basic attempt, but I got it working using some other ideas in the code. Put this in the ‘next’ button onPress function :

```auto
 
var fadeit = "button_"+cur;
  _root.dragwindow.scrll[fadeit]._alpha = 50;

```

As far as I can see there’s no reason why you can’t use the same code in the ‘previous’ button and, indeed, in the slideshow function:)

works for me, hope it works for you too. Be interested in hearing if anyone has any other ideas

---

<div class="post-metadata">

**Author:** ![Moga](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@Moga](https://forum.kirupa.com/u/Moga)\
**Post date:** [July 31, 2004, 4:25pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/51 "2004-07-31T16:25:27Z")

</div>

I’m new to this forum, but have been browsing a lot on it to get my Flash started! This thread really gave me some great tip’s.  
So thanx!!!😃

For anyone who would like to see the result:  
[http://www.ruim-ontwerpers.nl](http://www.ruim-ontwerpers.nl)

(Any comment on how to improve it are welcome!)

---

<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:** [July 31, 2004, 6:17pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/52 "2004-07-31T18:17:48Z")

</div>

I like it:)

Maybe it’s an idea to let the menu scroll only if you move over it (or in that area)?

scotty(-:

---

<div class="post-metadata">

**Author:** ![motionsync](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/motionsync/32/781_2.png) [@motionsync](https://forum.kirupa.com/u/motionsync)\
**Post date:** [August 1, 2004, 1:02am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/53 "2004-08-01T01:02:06Z")

</div>

I have try and try but without success

What I whant is:

If you push the thumnails i show that they have bin visited (this.\_alpha = 20;)  
but I cant doit with the preview & next button…

On roll over I whant that the thumnails load a lite Pic of the foto  
like att [http://www.amivitale.com/main.html](http://www.amivitale.com/main.html)

I post my .fla

thanks

---

<div class="post-metadata">

**Author:** ![sahana](https://avatars.discourse-cdn.com/v4/letter/s/5fc32e/32.png) [@sahana](https://forum.kirupa.com/u/sahana)\
**Post date:** [August 2, 2004, 5:32am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/54 "2004-08-02T05:32:06Z")

</div>

What a great thread to follow (all 27 pages)…:pleased: Just one comment/question:

If one tries to load quite a few pictures (thus the XML usage) and the pictures are not that small in size (say 400K) there are two **big** problems:

1. **No caching** - if you want to go back to a previous picture it has to be loaded again

2. **A new picture is not loaded while the current picture is displayed** (since the loadMovie command would replace the current picture right away).

Any thoughts on these issues? I’ve tried loading two separate movies and showing one while the other is loading but with very limited success (not to mention the complete lack of elegance)…

Cheers!

Sahana…:alien2:

---

<div class="post-metadata">

**Author:** ![Moga](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@Moga](https://forum.kirupa.com/u/Moga)\
**Post date:** [August 2, 2004, 11:40am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/55 "2004-08-02T11:40:09Z")

</div>

> [@scotty](#):
>
> I like it:)
> 
> Maybe it’s an idea to let the menu scroll only if you move over it (or in that area)?
> 
> scotty(-:

Thanks for the feedback Scotty.

I’ve tried to fix this menu scroll - but didn’t manage. Do you know how I can  
restrict the area for the mouse, so it wont keep scrolling like a maniac (kind of disturbing for if you read the description text and watch the large pics.

Moga

---

<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:** [August 2, 2004, 6:17pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/56 "2004-08-02T18:17:04Z")

</div>

I don’t know your setup, but you can try this.  
Make the mask of the menu a mc and give it an instancename “mask” [size=1](without quotes)[/size]  
In the on(enterFrame) action of your put this code

```auto
onClipEvent (enterFrame) {
	if (_root.mask.hitTest(_root._xmouse, _root._ymouse)) {
		var distance = _root._xmouse-xcenter;
		_x += (distance*speed);
		//rest of your code

```

And in the on(load) give xcenter the value of the xcenter of your mask:)  
Now the menu only scrolls when your mouse is over the (invisible) mask.

scotty(-:

---

<div class="post-metadata">

**Author:** ![Moga](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@Moga](https://forum.kirupa.com/u/Moga)\
**Post date:** [August 2, 2004, 7:30pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/57 "2004-08-02T19:30:59Z")

</div>

Scotty,  
Tried your code, but I already use a mask on top of the scrolling\_mc to show only a part of the clip. (the same size of one thumb) when I turn this into a movieClip and put your code on it, it works, but the scrolling way is now too small.  
I use a frame script:  
//scroller is the movieClip with all the tumbnails:  
scroller.onLoad = function() {  
xcenter = 575;  
speed = 1/40;  
};  
scroller.onEnterFrame = function() {  
var distance = \_root.\_xmouse-xcenter;  
scroller.\_x += (distance\*speed);  
if (scroller.\_x\>522.2) {  
scroller.\_x = -248;  
}  
if (scroller.\_x\<-248) {  
scroller.\_x = 522.2;  
}  
};

If I make the mask larger, it’s showing more of the thumbnails, which I don’t want…🙂 Any suggestions?

---

<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:** [August 2, 2004, 7:51pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/58 "2004-08-02T19:51:18Z")

</div>

Off course, LOL.  
Make a mc with the size of the area you want your scroll to be active, give it an \_alpha 0 and the instancename hitField.  
Change your code in this:

```auto
var xcenter = 575;
var speed = 1/40;
hitField.onEnterFrame = function() {
	if (this.hitTest(_root._xmouse, _root._ymouse)) {
		var distance = _root._xmouse-xcenter;
		scroller._x += (distance*speed);
		if (scroller._x>522.2) {
			scroller._x = -248;
		}
		if (scroller._x<-248) {
			scroller._x = 522.2;
		}
	}
};

```

scotty(-:

---

<div class="post-metadata">

**Author:** ![Moga](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@Moga](https://forum.kirupa.com/u/Moga)\
**Post date:** [August 2, 2004, 10:01pm UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/59 "2004-08-02T22:01:14Z")

</div>

haha, ofcourse!  
Sorry got a bit confused with the “make mask…” 😊  
I changed the code and…GREAT! it WORKS!!!  
(i’ve just put the speed a bit up, so the scroller will move a bit a bit faster in the box.)

Thanx a lot a lot a lot! :hugegrin:

---

<div class="post-metadata">

**Author:** ![vman](https://avatars.discourse-cdn.com/v4/letter/v/5e9695/32.png) [@vman](https://forum.kirupa.com/u/vman)\
**Post date:** [August 3, 2004, 4:52am UTC](https://forum.kirupa.com/t/howd-he-do-this-resizing-slideshow/105280/60 "2004-08-03T04:52:30Z")

</div>

Ok, well I just got back from vacation from hell…I mean Arizona. While I was gone, I got a few PM’s asking for the code for the image gallery I posted a few pages back so here’ goes.

Here’s the AS on frame 1: (there is only 1 frame btw).

```auto
thumbs = "thumbs1";
pics = "pics1";
spacing = 10;
textButton_MC.setMask(theMask);
textButton_MC._visible = false;
gutter._visible = false;
init_lv = new LoadVars();
init_lv.thumbs = thumbs;
init_lv.pics = pics;
init_lv.onLoad = function(ok) {
 if (ok) {
  trace(unescape(this));
  trace("this.thumbs = "+this.thumbs);
  changeGallery(this.thumbs, this.pics);
 } else {
  trace("Error!!!");
 }
};
init_lv.sendAndLoad("thumbcounter.php", init_lv, "POST");
changeGallery = function (argThumbs, argPics) {
 trace("Function changeGallery : argThumbs = "+argThumbs+" argPics = "+argPics);
 count_lv = new LoadVars();
 count_lv.thumbs = argThumbs;
 count_lv.pics = argPics;
 count_lv.onLoad = function(ok) {
  if (ok) {
   _root.galleriesUp = 0;
   _root.picNum = 1;
   i = 0;
   numColumns = 2;
   cnt = 1;
   startX = 0;
   startY = 0;
   textButton_MC.ypos = border._y-textButton_MC._height;
   trace(unescape(this));
   _root.attachMovie("thumbhold", "thumbMC", 0);
   thumbMC._visible = false;
   thumbMC._y = border._y;
   for (i=1; i<=parseInt(_root.count_lv.nof); i++) {
    thumbMC.thumbScroller.thumbHolder.attachMovie("box", "box"+i, i, {_x:startX, _y:startY});
    thumbMC.thumbScroller.thumbHolder["box"+i].thumbNumber.text = i;
    thumbMC.thumbScroller.thumbHolder["box"+i].container.loadMovie("Arra/"+argThumbs+"/"+*+".jpg");
    thumbMC.thumbScroller.thumbHolder["box"+i].targNum = i;
    thumbMC.thumbScroller.thumbHolder["box"+i].onRelease = function() {
     textButton_MC.ypos = border._y-textButton_MC._height;
     containerMC.loadPic("Arra/"+argPics+"/pic"+this.targNum+".jpg");
     _root.galleriesUp = 0;
     _root.picNum = this.targNum;
    };
    thumbMC.thumbScroller.thumbHolder["box"+i].onRollOver = function() {
     this.gotoAndPlay("play");
    };
    startX = (cnt%numColumns == 0) ? 0 : startX+thumbMC.thumbScroller.thumbHolder["box"+i]._width+5;
    startY = (cnt%numColumns == 0) ? startY+thumbMC.thumbScroller.thumbHolder["box"+i]._height+5 : startY;
    cnt++;
    thumbsWidth = thumbMC.thumbScroller._width+10;
   }
  }
 };
 count_lv.sendAndLoad("thumbcounter.php", count_lv, "POST");
 containerMC.loadPic("Arra/"+argPics+"/pic1.jpg");
};
count_files = new LoadVars();
count_files.onLoad = function(success) {
 if (success) {
  trace;
  numColumns = 15;
  cnt = 1;
  startX = 0;
  startY = 0;
  for (var i = 1; i<=parseInt(this.shows); i++) {
   _root.textButton_MC.attachMovie("textbutton", "textbutton"+i, i, {_x:startX, _y:startY});
   _root.textButton_MC["textbutton"+i].showText.text = this["gig"+i];
   _root.textButton_MC["textbutton"+i].targNum = i;
   _root.textButton_MC["textbutton"+i].onRelease = function() {
    _root.removeMC();
    this.thumbs = "thumbs"+this.targNum;
    this.pics = "pics"+this.targNum;
    _root.galleryTitle.gigText.text = this.showText.text;
    textButton_MC.ypos = border._y-textButton_MC._height;
    _root.changeGallery(this.thumbs, this.pics);
   };
   _root.textButton_MC["textbutton"+i].onRollOver = function() {
    this.gotoAndPlay("play");
   };
   startY = (cnt%numColumns == 0) ? 0 : startY+_root.textButton_MC["textbutton"+i]._height;
   startX = (cnt%numColumns == 0) ? startX+_root.textButton_MC["textbutton"+i]._width : startX;
   cnt++;
  }
 }
 _root.galleryTitle.gigText.text = _root.textButton_MC.textButton1.showText.text;
};
count_files.sendAndLoad("filecounter.php", count_files, "POST");
MovieClip.prototype.loadPic = function(pic) {
 containerMC._alpha = 0;
 this.loadMovie(pic);
 _root.onEnterFrame = function() {
  var t = containerMC.getBytesTotal(), l = containerMC.getBytesLoaded();
  bar._visible = 1;
  per = Math.round((l/t)*100);
  if (t != 0 && Math.round(l/t) == 1 && containerMC._width != 0) {
   var w = containerMC._width+spacing, h = containerMC._height+spacing;
   border.resizeMe(w, h);
   bar._visible = 0;
   loadText.text = "";
   delete _root.onEnterFrame;
  } else {
   bar._width = per;
   loadText.text = per+" % loaded";
  }
 };
};
MovieClip.prototype.resizeMe = function(w, h) {
 var speed = 3;
 this.onEnterFrame = function() {
  this._width += (w-this._width)/speed;
  this._height += (h-this._height)/speed;
  thumbMC._visible = true;
  thumbMC._x = this._x-(thumbMC.thumbScroller.thumbHolder._width)-5;
  thumbFrame._height = this._height;
  thumbFrame._width = thumbsWidth;
  galleryTitle._x = this._x+this._width/2;
  galleryTitle._y = this._y+this._height;
  theMask._width = this._width;
  theMask._height = this._height;
  gutter._x = thumbFrame._x-thumbFrame._width;
  gutter._height = thumbFrame._height;
  gutter._width = thumbMC.dragger._width+5;
  goldBar._width = this._width+1;
  downloadText._x = this._x+this._width;
  if (_root.thumbMC.dragger._y>=_root.thumbFrame._height) {
   _root.thumbMC.dragger._y = _root.thumbFrame._height/2;
  }
  if (Math.abs(this._width-w)<1 && Math.abs(this._height-h)<1) {
   this._width = w;
   this._height = h;
   containerMC._x = this._x+spacing/2;
   containerMC._y = this._y+spacing/2;
   containerMC._alpha += 9;
   if (containerMC._alpha>96) {
    containerMC._alpha = 100;
    delete this.onEnterFrame;
   }
  }
 };
};
removeMC = function () {
 thumbMC.removeMovieClip();
 gutter._visible = false;
};

```

Here is the AS on textButton\_MC that holds the dynamically created buttons:

```auto
onClipEvent (load) {
ypos = border._y-this._height;
speed = 2;
}
onClipEvent (enterFrame) {
this._y = this._y+(ypos-this._y)/speed;
}

```

Here is the AS on the “more galleries” button:

```auto
on (release) {_root.textButton_MC._visible = true;
if (_root.galleriesUp == 0) {
_root.textButton_MC.ypos = _root.border._y;
_root.galleriesUp = 1;
} else if (_root.galleriesUp == 1) {
_root.textButton_MC.ypos = _root.border._y-_root.textButton_MC._height;
_root.galleriesUp = 0;
}
}

```

Here is the code for the thumbnail scroller. This is a mc in the library with a linkage identifier of “thumbhold” which becomes the instance thumbMC via attachMovie():

```auto
targY = 0;
dragger._x = theMask._x-7;
dragger.onPress = function() {
startDrag(this, false, this._x, 0, this._x, (_root.border._height)-this._height-3);
};
dragger.onRelease = dragger.onReleaseOutside=function () {
stopDrag();
};
thumbScroller.onEnterFrame = function() {
if (this._height<_root.border._height) {
dragger._visible = false;
_root.gutter._visible = false;
} else {
dragger._visible = true;
_root.gutter._visible = true;
scrollAmount = (this._height-(_root.thumbFrame._height)/1.07)/(_root.thumbFrame._height-dragger._height);
targY = -dragger._y*scrollAmount;
this._y -= (this._y-targY)/3;
}
};

```

Here is the AS on the “download image” button:

```auto
on (release) {
getURL("javascript:NewWindow=window.open('popup.php?img=Arra/"+_root.count_lv.Pics+"/pic"+_root.picNum+".jpg','newWin','width="+_root.containerMC._width+",height="+_root.containerMC._height+",left=0,top=0,toolbar=0,location=No,scrollbars=No,status=No,resizable=No,fullscreen=No'); NewWindow.focus(); void(0);");
}

```

Now for the php stuff. Here is the code for thumbcounter.php:

```php

<?php
$count = 0; 
if (!isset($thumbs)) 
{ 
$thumbs = ""; 
} 
$dir = "Arra/$thumbs"; 
if (is_dir($dir)) 
{ 
if ($dh = opendir($dir)) 
{ 
while (($filename = readdir($dh)) !== false) 
{ 
if (($filename != ".") && ($filename != "..")) 
{ 
$count ++; 
} 
} 
closedir($dh); 
} 
} 
print "&nof=".$count; 
?> 
 

```

Here is filecounter.php:

```php

<?php 
$count = 0; 
$week1 = "Walter Payton's Roundhouse 8/16"; 
$week2 = "Shark City 8/22"; 
$week3 = "Streamwood Fest 9/1"; 
$week4 = "Algonquin Fest 9/8"; 
$week5 = "Durty Nellie's 9/15"; 
$week6 = "The Lodge 9/22"; 
$week7 = "Sean Kaley's 10/1"; 
$week8 = "Pop's Pup 10/8"; 
$week9 = "North Beach Club 10/15"; 
$week10 = "Bourbon Street 10/22"; 
$week11 = "Arlington Height Fest 10/29"; 
$dir = "Arra"; 
if (is_dir($dir)){ 
if ($dh = opendir($dir)){ 
while (($filename = readdir($dh)) !== false) { 
if (($filename != ".") && ($filename != "..")) 
{ 
$count ++; 
} 
} 
closedir($dh); 
} 
} 
print "&shows=".$count; 
print "&gig1=".$week1; 
print "&gig2=".$week2; 
print "&gig3=".$week3;
print "&gig4=".$week4; 
print "&gig5=".$week5; 
print "&gig6=".$week6; 
print "&gig7=".$week7;
print "&gig8=".$week8; 
print "&gig9=".$week9; 
print "&gig10=".$week10; 
print "&gig11=".$week11; 
?>
 

```

Here is the code for popup.php which was created in dreamweaver to get rid of the ugly top and left margins. lostinbeta was kind enough to lend a hand with this.

```php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html> 
<head> 
<title>Downloadable Image</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<? 
list($width, $height, $type, $attr) = getimagesize($_GET['img']); 
echo '<img src="'.$_GET['img'].'" NAME="galleryImage" $attr>'; 
?> 
</head> 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
</body> 
</html> 

```

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

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