Dreamwork Gallery for static websites.

1. Customizable height and width
2. Auto slide show
3. Customizable auto slide time
4. Customizable fullscreen option
5. Align thumbs on top / bottom
6. Zoom and pan images on click
7. Customizable thumb arrows color
8. Customizable control buttons Show/Hide options

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 dreamwork_gallery.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 710 and 630 in the below code.

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

		var flashVars = {
			data: "dreamwork_gallery.xml"
		};
		var params = {
			bgcolor: "#ffffff",
			wmode: "transparent"
		};
		
		var attributes = {
			id: "gallery"
		};
		
		
		swfobject.embedSWF("dreamwork_gallery.swf", "dreamworkGallery", "710", "630", "9,0,0,0", false, flashVars, params, attributes);

</script>
			<div id="dreamworkGallery"></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,0" width="710" height="630" id="gallery" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="true" />
	<param name="movie" value="/dreamwork_gallery.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#ffffff" />
	<param name="flashVars" value="data=dreamwork_gallery.xml" />
	<embed src="/dreamwork_gallery.swf" flashVars="data=dreamwork_gallery.xml" quality="high" bgcolor="#ffffff" width="710" height="630" name="gallery" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
</noscript>	
 

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

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