Is this actionscript?

1

Hi everyone…

I stumbled across this photographic site and I was wondering how the effect was achieved.

The effect is an expanding/decreasing frame that grows and shrinks to house each image as you click on the thumbnail.

Say you start of with an image thats 200x300 pixels and then click a thumbnail which image is 500x300, the frame then “tweens” to the correct sizeto house it. Then when you click another thumbanil and the frame expands or contracts to the correct size for the next image.

The links here www.mharding.com

it loads pretty quick so I guess the images are loaded in but how does the frame thing work??

Any ideas how it can be achieved?

postatomic :evil:

2

There’s a component for this. Find it here.

3

thanks for that…

but what if I don;t want a slide show?? what then what if I just want to have the vistor choose which image they want to view?

can you explain how it works? can anyone?

also is xml hard?

thanks…

4

Let me take a guess at this.

Note down all the sizes of your images. Let’s say the rectangle in which you want to show your images is given the instance name [COLOR=BLUE]showrect[/COLOR].

Create a new movieclip by pressing CTRL+F8, giving it any name and dragging it on the stage from the library (F11).

Give the movieclip you just created the instance name [COLOR=BLUE]slidectrl[/COLOR].

Add this code to the buttons you are using. Since you have one image for every button the values [COLOR=BLUE]imagewidth[/COLOR] and [COLOR=BLUE]imageheight[/COLOR] will change according to the size of the corresponding image.

[AS]on (release){
_root.targW = imagewidth;
_root.targH = imageheight;
}[/AS]

Add this code to the movieclip ([COLOR=BLUE]slidectrl[/COLOR]) you created before:

[AS]onClipEvent(enterFrame){
_root.showrect._width = _root.targW-(_root.targW-_root.showrect._width)/1.2;
_root.showrect._height = _root.targH-(_root.targH-_root.showrect._height)/1.2;
}
[/AS]

I am not sure if this will work, couldn’t test it 'cause I haven’t got Flash on this pc. The code I used was actually used for easing using actionscript only.

5

mmm…thanks for the code!

Hopefully you’ll look at this post again…

A few questions…should be easy for you to explain for me!

Let’s say the rectangle in which you want to show your images is given the instance name showrect.

O.k is the rectangle a movieclip?

  1. Add this code to the buttons you are using. Since you have one image for every button the values imagewidth and imageheight will change according to the size of the corresponding image.

ActionScript:--------------------------------------------------------------------------------on (release){
_root.targW = imagewidth;
_root.targH = imageheight;
}

Do I put actual figures in the “imagewidth” “imageheight” in the code above? Or does it work it out by itself?

As i said probably straight forward…

thanks fort he help!!

postatomic :evil:

6

  1. Yep, you can’t give it an instance name if it ain’t a movieclip or a button.

  2. You have to replace those values by the width & height of the image which appears when that button is pressed.

An example: say I have 3 buttons, and 3 images. Image nr 1 is 640x480, nr 2 is 800x600 and nr3 is 500x300.
Button one shows image 1, so the code for button one becomes

on (release){
_root.targW = 640;
_root.targH = 480;
}

For button two, this will be

on (release){
_root.targW = 800;
_root.targH = 600;
}

and for button 3 this will be

on (release){
_root.targW = 500;
_root.targH = 300;
}

That should help ya out. Let me know if it works out for you :slight_smile:

PS: Woops, should be CTRL+F8 to make a new mc, not just F8.

7

thanks…I’ll try it now!!!