Zoom Gallery

Display high quality images without taking the entire area of your website. The large image is displayed in small size on the left side, while the right side holds the large image and allows you to move the image around, by controlling the speed and direction with the mouse.

You can easily adjust the size of the component by editing the size with a text editor, so using it in html or Flash doesn’t require any changes from the FLA.

The width of the smaller image is customizable from the XML file, and the height is equal with the component height, minus the controller height (prev / next buttons – 30px). The remaining space is used for the large image, and this can be of any width you need it at.

You should fit the small image correctly in the left area, otherwise the code automatically resizes the image and positions it correctly. Although it is possible to use smaller images, we recommend using them at the exact size so that it looks crisp and clear.

The XML supports an unlimited number of images, and each image is loaded only when the user interacts with the navigation buttons. The previously loaded images remain loaded, so that the user doesn’t have to download the larger image or the smaller one again.

 

Vinicius Luchi

on 3/9/09

 

How I can import .swf into a other .swf of my site?
I try but it doesn't works. Thanks. Viniciusluchi [[email protected]]

 

Andrei Potorac

on 3/9/09

 

Is your file built in AS3?

 

Ovidiu Cupse

on 3/9/09

 

Cum pot sa schimb dimensiunile ferestrelor pentru a vedea fotografiile mai mari (atit cea de preview cit si cea de detalii)? Prin modificarea dimensiunilor in fisierul xml (560x300 in fisierul original) nu se intimpla nimic.

 

Andrei Potorac

on 4/9/09

 

ovicupi, HTML has priority over XML if you use the file inside an HTML file. So what you need to modify is the componentWidth and componentHeight in the html, as well as the area where the swf is displayed - make sure you use the same sizes.

Then you can set the width of the image on the left in the XML, and the remaining space on the right is used for the large image.

 

sergio mora

on 9/9/09

 

I'm working with a full flash website, when I copy everything incluiding the library and go for the preview it appears only the blue rectangle of the movie but nothing shows. I tried to play the swf externally in as3 with
var ld:Loader = new Loader()
ld.load(new URLRequest("monk.swf"))
addChild(ld)

I named the swf of the zoom gallery monk.swf, but nothing shows not even the blue rectangle. how can i use this on a full flash site. thank you

 

Andrei Potorac

on 10/9/09

 

chekomora, you have to embed the file inside your Flash Website, not load it externally. Is it AS3 based?

 

sergio mora

on 10/9/09

 

how can I embed the file? I copy paste everything and a blue window comes out.

 

sergio mora

on 10/9/09

 

oh and yes is AS3

 

Andrei Potorac

on 11/9/09

 

chekomora, we're releasing video tutorials shortly where we'll explain how Flabell components can be embedded in other flash or html websites.

Let me try to explain you a bit, maybe it makes sense through text. Note that we assume since you use Flash, you are a Flash developer. You copy/paste the movieclip from our library into yours.

You also copy the code from the source folder, in your source folder.

Than you need to alter the Main class, even remove it if you want to, based on your needs. Note our FLA was linked to the MAIN class, you are probably using a different class.

To init the component you need to use the declaration and the init function from the Main class.

 

Vinicius Luchi

on 13/9/09

 

Bobocel,

My site is all in AS2. When I loadMovie, preview.swf, it doesn't work.

have a possibility that I import this script keeping my site in AS2?

321

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

Zoom Gallery - change log

Update 10 May 2010

- we realised we had the bug from the 28th of April again, and we fixed it.

Update 7 May 2010

- we fixed a bug related to resizing the component

- we added two aditional parameters in the XML, and edited the name of the previewWidth to thumbsWidth (to make more sense)

movementOffsetMargin = "50"
thumbOnRight = "true"

Update 28 April 2010

- we fixed a bug related to the large image movement, which caused the image movement to not work correctly when imported into another Flash project.

There is currently no additional help provided for this flash component.