# Thumbnails

**URL:** <https://forum.kirupa.com/t/thumbnails/11977>\
**Category:** flash\
**Created:** [January 24, 2003, 8:53pm UTC](https://forum.kirupa.com/t/thumbnails/11977 "2003-01-24T20:53:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Batman124617](https://avatars.discourse-cdn.com/v4/letter/b/45deac/32.png) [@Batman124617](https://forum.kirupa.com/u/Batman124617)\
**Post date:** [January 24, 2003, 8:53pm UTC](https://forum.kirupa.com/t/thumbnails/11977/1 "2003-01-24T20:53:16Z")

</div>

Hola! This is question is a take off of my post in the Flash MX forum regarding creating thumbnails. I’m trying to create thumbnails for a pic gallery and would like to have an over-button state that will make my little thumbnail increase in size a little to indicate that this is the picture the viewer is going to view. I don’t know how to go about making this button and I’m trying to figure out if there is a way through action script to do this. This way I don’t have to make the over state a movie and increase the size manually… :crazy: :bandit:

---

<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:** [January 25, 2003, 3:08am UTC](https://forum.kirupa.com/t/thumbnails/11977/2 "2003-01-25T03:08:51Z")

</div>

You can use the x and y scale properties to scale the thumbnail when you mouse over. I’m sure theres better ways to do this, but I’ll show you what I could think of.

```php
on (rollOver){
	this._xscale = 150;
	this._yscale = 150;
}
on (rollOut){
	this._xscale = 100;
	this._yscale = 100;
}

```

Just place your image inside a movieclip and then apply the correct sizes to the script above. I attached a sample fla to help you understand what I’m talking about. Hope it 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:** [January 28, 2003, 10:57pm UTC](https://forum.kirupa.com/t/thumbnails/11977/3 "2003-01-28T22:57:07Z")

</div>

script that to ease in and out instead of popping into place?

---

<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:** [January 28, 2003, 11:03pm UTC](https://forum.kirupa.com/t/thumbnails/11977/4 "2003-01-28T23:03:07Z")

</div>

There is probably a way to script that, but I don’t know it. The only way I would do it is to have it tween in and out with easing applied from the properties panel.

---

<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:** [January 28, 2003, 11:16pm UTC](https://forum.kirupa.com/t/thumbnails/11977/5 "2003-01-28T23:16:29Z")

</div>

how would you do that, create a but, make it a mov, and than add actions and frame lables?  
on rollover  
gotoand play  
“over”  
on rollout  
gotoandplay  
“out”  
???  
j@yemsee

---

<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:** [January 28, 2003, 11:17pm UTC](https://forum.kirupa.com/t/thumbnails/11977/6 "2003-01-28T23:17:46Z")

</div>

there you go, that’s one way, go ahead and try that.