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.

 

alandebortolo

on 16/3/11

 

when i load into my project with addChild i got this message:

TypeError: Error #1009: Não é possível acessar uma propriedade ou um método de uma referência de objeto nula.
at Sample()

But when i open only the file, it works... can you help me?

 

Corneliu Chitanu

on 17/3/11

Hi,

We can't know for sure what you did here, but I'm assuming you loaded the external SWF file. You actually don't need to do this. You can copy the movieclips in your project and use our code also.

This tutorial might help you use the component in your flash project:

http://www.flabell.com/blog/1641/embed...

Please let us know if it gives you any other trouble. We'll try to help you as much as we can.

 

jmorcos

on 12/5/11

 

Once downloaded, the zipped folder seems to be empty...nothing to extract.
Thx

 

Corneliu Chitanu

on 16/5/11

Hi,

We're sorry about the trouble, but we had temporary problems with our server.

Please try downloading the files again. It should work now. Thank you for your patience.

 

Roy Warner

on 17/3/12

 

I am trying to embed the Zoom Gallery into a WordPress page.

I have already done the following:
- uploaded the 'deploy folder and all its contents to the webserver and inside my theme folder

- embedded the 'preview.swf' file using this path (http://mydomain.com/wp-content/rockett...)

- edited the image & thumb paths of the xml file to reflect the path
e.g.

http://myURL/wp-content/rockettheme/rt...
http://myURL/wp-content/rockettheme/rt...

When the page loads, all i see is the 3 flash loader dots, but the content does Not load.

I realize the path to the files and the xml and perhaps even the js folder need to be adjusted and I want to know how to adjust the path.

Q. What is the 'sample.as' file used for? (located in the source file folder with the FLA files).

I ask because this AS file has 2 settings as follows:
private var pathToFiles : String = "http://www.womenspocketvest.com/wp-con...";
private var xmlPath : String = "http://www.womenspocketvest.com/wp-con...";

 

Roy Warner

on 17/3/12

 

Just to further explain my previous comment, the following is a code block from my xml file which I edited to reflect the path to the first image & thumb that comes included in the deploy folder.

                <item>
		<image>myurl/wp-content/rockettheme/rt_hybrid_wp/zoom/zoomgallery/content/images/image1.jpg</image>
		<thumb>myurl/wp-content/rockettheme/rt_hybrid_wp/zoom/zoomgallery/content/thumbs/thumb1.jpg</thumb>
	</item> 
                

As I wrote in my previous comment, I also have embedded the preview.swf with the absolute url path.

Still, only the flash loader loads but it loops forever.

What am I missing? Please advise.

 

Roy Warner

on 18/3/12

 

After looking further into the 'Sample.as' class file, I have this question:

In the case of trying to configure the script paths in a WordPress site, is it simply a matter of editing the path of the XML values and also IMPORTING the Sample.as file?

please INDICATE IF THE FOLLOWING PROCEDURE IS CORRECT:

step1-configure path of Sample.as

                // XML VARS
		private var pathToFiles : String = "http://myURL/wp-content/rockettheme/rt_hybrid_wp/zoom/zoomgallery/";
		private var xmlPath : String = "http://myURL/wp-content/rockettheme/rt_hybrid_wp/zoom/zoomgallery/xml/zoomgallery.xml";
		
		public var componentWidth : Number = 560;
		public var componentHeight : Number = 300; 
                

step2 - insert import actionscript in frame 1 of FLA to access class file & publish preview.swf

                import com.Sample.*; 
                

I have not tested this yet. So i would still appreciate some feedback.

 

Roy Warner

on 18/3/12

 

[ RESOLVED ] -- HOW TO EMBED zoomGallery in a WordPress Page

1) modified my custom path of the // XML VARS in Sample.as

2) inserted actionscript in FLA file to import the 'Sample.as' file

I used the following actionscript in frame 1

                import com.*;
                

 

Corneliu Chitanu

on 19/3/12

Glad you found a solution, but that's too complicated.

In WordPress you'll need to make some adjustments. But first you'll need to follow this tutorial:

http://www.flabell.com/blog/1829/how-t...

Upload the deploy folder somewhere on your server and go through the same process as described above.The only adjustment you must do is at the 5th step. Set the path to the swfobject.js file, the SWF files and the pathToFiles flashvar as absolute paths, like this:

                
<script type="text/javascript" src="http://www.yourwebsite.dom/.../deploy/js/swfobject.js"></script>
...
flashvars.pathToFiles = "http://www.yourwebsite.dom/.../deploy/accordion/";
...
swfobject.embedSWF(http://www.yourwebsite.dom/.../deploy/preview.swf, attributes.id, stageW, stageH, "9.0.124", "http://www.yourwebsite.dom/.../deploy/js/expressInstall.swf", flashvars, params);

                

Also, if you copy the code in an article or a WP page, make sure you do it in HTML mode.

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.