# Blowup the thumbnail

**URL:** <https://forum.kirupa.com/t/blowup-the-thumbnail/19618>\
**Category:** Uncategorized\
**Created:** [April 29, 2003, 10:10pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618 "2003-04-29T22:10:59Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![baamtu](https://avatars.discourse-cdn.com/v4/letter/b/858c86/32.png) [@baamtu](https://forum.kirupa.com/u/baamtu)\
**Post date:** [April 29, 2003, 10:10pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/1 "2003-04-29T22:10:59Z")

</div>

If i have small thumbnail pictures in a scene, if the user clicks on it, is it possible to enlarge and show

---

<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:** [April 29, 2003, 10:18pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/2 "2003-04-29T22:18:00Z")

</div>

you can dynamically load it by changing the thumbnail into a button and putting this actionscript to the button:  
on (press) {  
\_root.createEmptyMovieClip(“clip”, 0);  
\_root.clip.loadMovie(“your.jpg”);  
\_root.clip.\_y = 105.2;  
\_root.clip.\_x = 150.4;  
\_root.clip.\_xscale = 48.6;  
\_root.clip.\_yscale = 43.2;  
}

The \_y&\_x position is changed on depending where you want it to load, also your scale would be for the size.  
You also have to put the picture of the thumbnail into the same folder as where you saved your movie.  
This is my first time helping anyone so I 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:** [April 29, 2003, 10:34pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/3 "2003-04-29T22:34:39Z")

</div>

Thanks a lot !!!  
Let me try !!!

---

<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:** [April 29, 2003, 11:16pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/4 "2003-04-29T23:16:07Z")

</div>

Its blows up, but how do i close that and go back to the thumbnail  
please 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:** [April 30, 2003, 1:07am UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/5 "2003-04-30T01:07:38Z")

</div>

this fla is very similar to what you want except that the picture enlarges on mouse over. it also uses inertia fade. if you want it to enlarge on mouse click then it’ll be a little tougher…

if you don’t want to download the fla then just put this code in your actions layer in the main timeline…

[AS]maxscale = 300;  
fadeSpeed = 4;  
sizeChange = function () {  
if (this.hitTest(\_xmouse, \_ymouse)) {  
this.\_xscale = (this.\_xscale-(this.\_xscale-maxscale)/fadeSpeed);  
this.\_yscale = (this.\_yscale-(this.\_yscale-maxscale)/fadeSpeed);  
} else {  
this.\_xscale = (this.\_xscale-(this.\_xscale-100)/fadeSpeed);  
this.\_yscale = (this.\_yscale-(this.\_yscale-100)/fadeSpeed);  
}  
};  
pic1.onEnterFrame = sizeChange;  
pic2.onEnterFrame = sizeChange;  
pic3.onEnterFrame = sizeChange;  
[/AS]

and istead of pic1.onEnterFrame = sizeChange put your pictures name where ‘pic1’ is

hope that helped:)

the fla…

---

<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:** [April 30, 2003, 1:39am UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/6 "2003-04-30T01:39:29Z")

</div>

Thanks so much zylum !!!  
It works well.

---

<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:** [April 30, 2003, 2:39pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/7 "2003-04-30T14:39:42Z")

</div>

it works good for a single picture in a scene. I i need to have multiple pictures. It blows up couple of times for a single mouse over, any sugesstions

---

<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:** [April 30, 2003, 8:58pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/8 "2003-04-30T20:58:36Z")

</div>

you mean something like this? (except a little more orginized;))

---

<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:** [April 30, 2003, 10:37pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/9 "2003-04-30T22:37:33Z")

</div>

How did u attach the file in the forum

---

<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:** [April 30, 2003, 11:00pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/10 "2003-04-30T23:00:28Z")

</div>

> \*Originally posted by baamtu \*  
> \*\*How did u attach the file in the forum \*\*

i already showed you how :-\

---

<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:** [April 30, 2003, 11:38pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/11 "2003-04-30T23:38:23Z")

</div>

This is how it looks

---

<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:** [May 1, 2003, 1:29am UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/12 "2003-05-01T01:29:16Z")

</div>

what exactly do you want to fix or what do you want the script to do?

---

<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:** [May 1, 2003, 1:39am UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/13 "2003-05-01T01:39:24Z")

</div>

during the mouse over the pictures blows up couple of times ( like jump). I just want to do only once.

And also during the page load , it blows up. I don’t want to do that.

Only during the mouse over , only once i would like to do

is the pic1 is the movie clip or just graphic in your example?

---

<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:** [May 1, 2003, 2:14am UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/14 "2003-05-01T02:14:03Z")

</div>

first, the pics seem to jump because you offset the origin so the MCs grow side ways which causes the mouse to be off the MC and the MC stops growing, secondly, they grow when the page loads because you resized the pic to 54% and in the script, it tells the pic to be 100% if the mouse is not ove the pic so the pic needs to be at 100% when it loads. laslty, i don’t understand what you meant in the last sentence, please be more clear. i gotta go for half an hour so please reply before i get back

---

<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:** [May 1, 2003, 12:43pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/15 "2003-05-01T12:43:52Z")

</div>

thanks for your reply. I understood that resize problem. How do i change the offset.

---

<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:** [May 1, 2003, 8:02pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/16 "2003-05-01T20:02:05Z")

</div>

the registration point of the movie clip should be in the center so that when the pic enlarges, it doesn’t slide to the left and leave the mouse.

---

<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:** [May 1, 2003, 11:40pm UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/17 "2003-05-01T23:40:24Z")

</div>

I understood the problem  
thanks a lot  
Is there a way to tell , preserve the same size during load.  
And blow up only on mouse over

---

<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:** [May 2, 2003, 12:31am UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/18 "2003-05-02T00:31:01Z")

</div>

just change the size of the pic before you import it therefore you wont have to resize in flash

---

<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:** [May 2, 2003, 2:54am UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/19 "2003-05-02T02:54:35Z")

</div>

If i chage the size ( ie if i mak eit small) and import it, when it blows up the picture looks pixalated

---

<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:** [May 3, 2003, 2:40am UTC](https://forum.kirupa.com/t/blowup-the-thumbnail/19618/20 "2003-05-03T02:40:01Z")

</div>

to solve this, change the size of the images to 200% before you import them to flash. then import them, hit CTRL+t and transform them to your desired size which will most likely be 50% because you made them twice the size before you imported them(make sure you transorm them to the same percent ie 50% and 50%) then change the else statement to reflect the new percent of the pictures. change the ‘100’ to the new percentage ie ‘50’

was:

[AS] } else {  
this.\_xscale = (this.\_xscale-(this.\_xscale-[COLOR=red]100[/COLOR] )/fadeSpeed);  
this.\_yscale = (this.\_yscale-(this.\_yscale-[COLOR=red]100[/COLOR] )/fadeSpeed);  
}[/AS]

is:

[AS] } else {  
this.\_xscale = (this.\_xscale-(this.\_xscale-[COLOR=red]50[/COLOR] )/fadeSpeed);  
this.\_yscale = (this.\_yscale-(this.\_yscale-[COLOR=red]50[/COLOR] )/fadeSpeed);  
}[/AS]

hope that helped 🙂

[Next page](https://forum.kirupa.com/t/blowup-the-thumbnail/19618.md?page=2)