Product Slideshow for Static Websites

Download the trial version using above link and extract them. Copy the below code and paste it into the html file where you would like to use this flash gallery. Open product_slideshow.xml file and add image sources and change customize the colors as per your requirement and save it. If you want to change width and height of this gallery, please change 700 and 570 in the below code.

<script type="text/javascript" src="/js/swfobject.js"></script>
<script type="text/javascript">

		var flashvars = {
			baseColor: 0x000000,
			xmlfileurl: "product_slideshow.xml"
		};
		var params = {
			bgcolor: "#ffffff",
			allowScriptAccess: "always",
			allowFullScreen: true
		};
		
		var attributes = {
			id: "content"
		};
		
		
		swfobject.embedSWF("product_slideshow.swf", "productSlideshow", "700px", "570px", "9.0.0", false, flashvars, params, attributes);

</script>
			<div id="productSlideshow">
			</div>

<noscript>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9.0.0" width="700" height="570" id="AnimatedLines" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="flashvars" value="xmlfileurl=product_slideshow"/>
	<param name="movie" value="/product_slideshow.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#FFFFFF" />	
	<embed src="/product_slideshow.swf" flashvars="xmlfileurl=product_slideshow.xml" quality="high" bgcolor="#FFFFFF" width="700" height="570" name="AnimatedLines" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_cn" />
	</object>
</noscript>

 

1. Customizable height and width
2. Customizable background
3. Customizable title,description,view more options
4. play/pause,previous and next controll options

1. Download Image Product Slidehsow
2. Copy folders "images" and "js" in to your website directory
3. Copy files "product_slideshow.xml" and "product_slideshow.swf" in to your website directory
4. Open product_slideshow.html and copy code and paste it where you want to display slideshow.
5. Please make sure "js","images" and "product_slideshow.swf" paths should be valid.

Customization Instructions

1. All Slideshow functionality options are available in "product_slideshow.xml", using this file you can customize slideshow like adding new images,slideshow transition time etc...
2. Slideshow Width : "width" parameter value in product_slideshow.html file.
3. Slideshow Height: "height" parameter value in product_slideshow.html file.
4. Slideshow Background Colr: "bgcolor" parameter value in product_slideshow.html file.
5. Wmode: "wmode" parameter value in product_slideshow.html file.

   1.autoScale : 0 / 1
   2.autoAlign : 0 / 1
   3.target : _blank / _self
   4.CornerRadiusInfoBox :  1 to 20 
   5.randomMove : 0
   6.wmode : opaque / transparent / window