LEVO Slideshow for static websites.

The LEVO slide show is different from others. It shows two images in one slide and a description with title. The auto slider position can be set through its x and y co-ordinates in the slide show module parameters. It is also possible to set both images width and height through parameters. The auto slider can be set stop/start when the slide show loads initially.

  1. Customizable slideshow height & width
  2. Customizable slideshow background color
  3. Customizable autoslide option
  4. Customizable slideshow transition speed
  5. Customizable Control panel placing option

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 levo_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 650 and 350 in the below code.


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

		var flashvars = {
			xmlID: "levo_slideshow.xml"
		};
		var params = {
			bgcolor: "#ffffff",
			wmode: "transparent"
		};
		
		var attributes = {
			id: "myFlash"
		};
		
		
		swfobject.embedSWF("levo_slideshow.swf", "levoSlideshow", "650", "350", "9,0,0,0", false, flashvars, params, attributes);

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

		<noscript>
	<object data="/levo_slideshow.swf" type="application/x-shockwave-flash" width="650" height="350" align="middle" id="myFlash">
		<param name="movie" value="/levo_slideshow.swf" />
		<param name="allowFullScreen" value="true" />	
		<param name="quality" value="high" />
		<param name="bgcolor" value="#FFFFFF" />
		<param name="allowScriptAccess" value="sameDomain" />
		<param name="wmode" value="transparent" />
		<param name="flashvars" value="xmlID=levo_slideshow.xml" />
	</object>
</noscript>
  1. Download LEVO Slideshow
  2. Copy folders "images" and "js" in to your website directory
  3. Copy files "levo_slideshow.xml" and "levo_slideshow.swf" in to your website directory
  4. Open levo_slideshow.html and copy code and paste it where you want to display slideshow.
  5. Please make sure "js","images" and "levo_slideshow.swf" paths should be valid.

Customization Instructions

  1. All Slideshow functionality options are available in "levo_slideshow.xml", using this file you can customize slideshow like adding new images,slideshow transition time etc...
  2. Slideshow Width : "width" parameter value in levo_slideshow.html file.
  3. Slideshow Height: "height" parameter value in levo_slideshow.html file.
  4. Slideshow Background Colr: "bgcolor" parameter value in levo_slideshow.html file.
If you have problems in using this module please open a support ticket at http://support.xmlswf.com

   1.auto_slide  : true / false
   2.timer_x : play/pause buttons position on x-axis (Ex:120)
   3.timer_y : play/pause buttons position on y-axis (Ex:100)
   4.isReflection : true / false
   5.bigUrlOpenWindow : _self / _blank
   6.bigIsScaled : true / false
   7.smallUrlOpenWindow : _self / _blank
   8.smallX : small image position on x-axis (Ex:120)
   9.smallY : small image position on y-axis (Ex:100)
   10.smallIsScaled : true / false
   11.wmode : opaque / transparent / window