# Resizing Photo Gallery

**URL:** <https://forum.kirupa.com/t/resizing-photo-gallery/13958>\
**Category:** Uncategorized\
**Created:** [February 20, 2003, 8:10am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958 "2003-02-20T08:10:29Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![lostinbeta](https://avatars.discourse-cdn.com/v4/letter/l/db5fbb/32.png) [@lostinbeta](https://forum.kirupa.com/u/lostinbeta)\
**Post date:** [February 20, 2003, 8:10am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/1 "2003-02-20T08:10:29Z")

</div>

Hey Hey,

Does anyone remember this thread way back around Christmas time?

[http://www.kirupaforum.com/forums/showthread.php?s=&threadid=11253](http://www.kirupaforum.com/forums/showthread.php?s=&threadid=11253)

It is of an experiment I was working on of a resizing photo gallery. Well I stopped working on it after I posted it, then I got back into it around the beginning of February. I could not for the life of me get a preloader for dynamically loaded jpgs! Ilyas provided me with help in this area last night. I was using almost similar code, but I now see what I was doing wrong (which I will not say…lol).

Ok, well I spent today working on this experiment some more, and this is what I came up with…

[VIEW RESIZING GALLERY EXPERIMENT HERE](http://www.lostinbeta.com/images/resizeGallery.html)

Let me know what you think please 🙂

Note: The images were all on my computer, I got them from some stock images site(s) , but I don’t remember where.

---

<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:** [February 20, 2003, 8:18am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/2 "2003-02-20T08:18:34Z")

</div>

That’s pretty cool, but I don’t understand how you get the resize to work since you’re loading the image AFTER the resize :q:

---

<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:** [February 20, 2003, 8:22am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/3 "2003-02-20T08:22:05Z")

</div>

maybe he loads the pic before the resizing and makes it visible after the resising!

Cool thing!

---

<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:** [February 20, 2003, 8:29am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/4 "2003-02-20T08:29:02Z")

</div>

> \*Originally posted by ilyaslamasse \*  
> \*\*That’s pretty cool, but I don’t understand how you get the resize to work since you’re loading the image AFTER the resize :q: \*\*

I resize according to the width and height of the image, I input those dimensions into my prototype code on my buttons. Then once the image fades out, it resizes to that size and then loads the new image and fades it in.

I am possibly going to try and figure out how to do this without manually setting the width and height, but for now, I kinda like how it is 🙂

---

<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:** [February 20, 2003, 8:36am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/5 "2003-02-20T08:36:39Z")

</div>

:trout:

[SIZE=1]Somebody get me my will and an eraser!![/SIZE]

---

<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:** [February 20, 2003, 8:37am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/6 "2003-02-20T08:37:31Z")

</div>

> \*Originally posted by ilyaslamasse \*  
> \*\*:trout:

[SIZE=1]Somebody get me my will and an eraser!![/SIZE] \*\*

I don’t get it ??? mind explaining :q: 🙂 (i know what a will and an eraser are, but I am confused by what you meant)

---

<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:** [February 20, 2003, 8:44am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/7 "2003-02-20T08:44:58Z")

</div>

Well, you took the easy and not-at-all practical way. Therefore the will… the eraser… :hangover:

:trout: :trout: :trout:

---

<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:** [February 20, 2003, 8:50am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/8 "2003-02-20T08:50:24Z")

</div>

Well its like 20-30 minutes of work today starting from scratch, of course its easy so far.

I am still going to try and get the width and height dynamically, but if it turns out that I am driving myself crazy over it and I can’t figure it out, I am not going to be all upset about it because it still works now :trout:

---

<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:** [February 20, 2003, 8:54am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/9 "2003-02-20T08:54:36Z")

</div>

:trout: anyway. :beam:

---

<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:** [February 20, 2003, 8:55am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/10 "2003-02-20T08:55:45Z")

</div>

Fine then… disown me because I am not as good as you ☹ ☹ :_(:_(

[SIZE=1]cries in corner[/SIZE]

---

<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:** [February 20, 2003, 10:38am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/11 "2003-02-20T10:38:27Z")

</div>

I would suggest, as a next step, that you have the demensions in an external txt file which is accessed when the swf first loads. I’ve got an example of a picture viewer somewhere around here that takes the names of the jpg’s and the quanitity and feeds that into the viewer in such a manner. I’d be happy to pass it on to you as I’m very intrigued by the look and feel of the resizing that you’re doing.

Nice work btw and I really love the pics you chose to test it 🙂 .

---

<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:** [February 20, 2003, 11:05am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/12 "2003-02-20T11:05:56Z")

</div>

> _Originally posted by lostinbeta \*  
> \*\*Fine then… disown me because I am not as good as you ☹ ☹ :_(:\*(

[SIZE=1]cries in corner[/SIZE] \*\*  
Na, na, it’s OK, don’t cry, shhhh…

:trout:

---

<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:** [February 20, 2003, 4:35pm UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/13 "2003-02-20T16:35:55Z")

</div>

Fantastic work Shane - I would like to see the code on that in a tutorial if you get a chance - that would be great for a portfolio gallary I am working on!

---

<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:** [February 20, 2003, 4:40pm UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/14 "2003-02-20T16:40:15Z")

</div>

lost - that looks pretty good.\<:} =)

---

<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:** [February 20, 2003, 5:41pm UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/15 "2003-02-20T17:41:32Z")

</div>

Well I think it’s fantastic work Lost!

---

<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:** [February 20, 2003, 5:51pm UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/16 "2003-02-20T17:51:34Z")

</div>

david: LOL, I was actually thinking that exact thing. I was thinking if I couldn’t get it to resize correctly inside the file automatically I would then save the dimensions to a .txt file and load them in. But I will figure that out on my own, but if I need your help, I will come a running 🙂

SureShot: Considering how many question we get on sbeeners photo gallery tutorial, I don’t think I will be making this a tutorial. Considering this effect is pretty much like sbeeners tutorial (all my own code though), but it has more with the resizing and positioning and such, so the amount of questions will drive me nuts! :-\

Ilyas: HAHAHA :trout:

Alex/Ren: Thanks =) :geek:

---

<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:** [February 20, 2003, 6:05pm UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/17 "2003-02-20T18:05:28Z")

</div>

Point well taken Lost… I cannot blame you.

Still - great work none the less man!

---

<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:** [February 20, 2003, 6:54pm UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/18 "2003-02-20T18:54:19Z")

</div>

Thanks SureShot… 🙂

---

<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:** [February 21, 2003, 3:17am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/19 "2003-02-21T03:17:38Z")

</div>

np… I understand wanting to work things out for yourself. (the files I have are actually mostly POM’s work anyway. 🙂 )

if you need anything, let me know.

---

<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:** [February 21, 2003, 3:25am UTC](https://forum.kirupa.com/t/resizing-photo-gallery/13958/20 "2003-02-21T03:25:57Z")

</div>

> \*Originally posted by david \*  
> \*\*np… I understand wanting to work things out for yourself. (the files I have are actually mostly POM’s work anyway. 🙂 )

if you need anything, let me know. \*\*

Will do, thanks for the offer 🙂

[Next page](https://forum.kirupa.com/t/resizing-photo-gallery/13958.md?page=2)
