orthopedic pain management

Flashuser

  • Pin It

Advanced Image Gallery XML AS2

We are happy to announce you that Flashtuning supports the community by offering you free versions of its flash components. The freebies may have some limitations and don’t include the application source file, but you can easily configure them through the XML file.

Check the preview for the Advanced Image Gallery (Actionscript 2):

advanced_image_gallery

Features

  • Multiple image galleries definition via XML
  • Easy to use XML file for images / titles / descriptions and links
  • AutoPlay / Previous / Next with global timer or individual for each image
  • Big images / banners width / height adjustable from XML
  • Optionally set the XML file path in HTML using FlashVars
  • ..and more

How to use it

1. Download the FREE Advanced Image Gallery and put all the files in the same directory. Now to insert the SWF file inside the HTML page(s) of your website copy / paste the following code in your HTML page(s) and adjust the param and other values with your own values:

[xml]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="yourSWFWidth" height="yourSWFHeight" id="yourSWFName" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="yourSWFURL" />
<param name="quality" value="high" />
<param name="bgcolor" value="#161718" />
<embed src="yourSWFURL" quality="high" bgcolor="#161718" width="yourSWFWidth" height="yourSWFHeight" name="yourSWFName" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
[/xml]

where:

#version=8,0,0,0 -> represents the minimum required Flash, can be 8, 9 etc.
yourSWFWidth -> a numeric value in pixels representing the width of your movie
yourSWFHeight -> a numeric value in pixels representing the height of your movie
yourSWFName -> represents the SWF file name (without the .swf extension)
yourSWFURL -> represents the URL location to the SWF file on your sever (eg: http://www.mysite.com/myflashfolder/myMovie.swf )

For using JavaScript integration follow the second part of this tutorial.

2. To configure your gallery open up the config.xml file and adjust the parameters according to your needs. You can set the autoplay to run or not, the width and height of the gallery, the thumbnails dimensions, the description box to show or hide and much more. To add another category add this line, check the bottom of the file.
[xml]
<category title="New Building Design" info="categ/categ1.xml" />
[/xml]

For changing the path to an image, url, title, description for a specific category go to categ/categ1.xml. Here’s how an entry should look like:

[xml]
<object smallimage="smallimages/a1.jpg" bigimage="bigimages/a1.jpg" bigimageW="550" bigimageH="330" autoPlayDelay="0.5" title="Image 1" url="http://www.flashtuning.net" window="_blank"><![CDATA[This is HTML/CSS formatted text with <a href="http://www.flashtuning.net/" target="_blank">hyperlynks</a> support. Members of the Liliaceae family, two allium varieties are commonly used by today’s florists. Allium giganteum, or giant onion, measures 3 to 4 feet tall and features 4- to 5-inch, white, blue, lavender or purple snowball-shaped inflorescences atop bare stems]]></object>
[/xml]

3. If you want to specify a different XML configuration filename you can use FlashVars. Edit the HTML source file and go to the tag where your SWF resides and add the following code to the object tag:
[as3]
<param name="FlashVars" value="xmlFile=myXMLFile.xml" />
[/as3]

Make sure you to add the FlashVars=”xmlFile=myXMLFile.xml” also to the < embed > tag.

If you want to use the gallery in a Flash project (FLA file needed) check out the commercial version available at FlashTuning.net.

License

You are free to use the files inside the AdvancedImageGalleryXMLAS2_Free.zip in any project personal / commercial as long as you don’t try to hide Flashtuning logo located in the top left corner of the gallery. If you don’t want to have the logo, you must purchase the commercial package that is available on Flashtuning.net. If you want to use the gallery in multiple websites you’ll have to purchase a license for each website. Read more on the Advanced Image Gallery XML page.

Author: Alin

Passionate about web and graphic design, photography and climbing. Follow me at Twitter , Facebook and Google+