October 14, 2009
XML Image Scroller Gallery 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 XML Image Scroller Gallery (Actionscript 2):
Features
- Easy to use XML file for images / titles / descriptions and links
- Scroll Bar component support for the text description box and image menu
- Multiple big images / banners support, you can use SWFs and/or image files
- Big images / banners width / height adjustable from XML
- AutoPlay / Previous / Next with timer and adjustable focus symbol
- Image titles, mirror and roll over coloring support
- Optionally set the XML file path in HTML using FlashVars
How to use it
1. Download the FREE XML Image Scroller 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
<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>
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 a new image add the following code:
<object smallimage="smallimages/p1.jpg" bigimage="bigimages/p1.jpg" 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. ]]></object>
3. If you want to specify a different XML configuration filename you can use FlashVars. Edit the HTML source file and go to the
<param name="FlashVars" value="xmlFile=myXMLFile.xml" />
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 XMLImageGalleryBannerRotatorAS2_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 XML Image Scroller Gallery page.
nice tut beib…
WoW
Awesome tutorial. Thanks for sharing this nice post.
great tut, complex and easy to implement, th for sharing with us
Nice informative tutorial..
Thanks…
Leave a Comment