A few people have asked for directions on how to integrate Imagevue into a HTML page, so I have taken the time to create some examples and explain the basics.
Download examples here:
Example 1 - html_integrate.html
The default file that contains the Imagevue(imagevue.swf) is the index.php file. Since it is PHP, some people get a little confused by the code, so I have created a basic HTML file where the gallery is embedded:
In the default code, the gallery is set to cover 100% of the browser stage. You can see the values for width and height set to 100%.
Example 2 - html_integrate_2.html
In the next example, I have created a basic website layout, where Imagevue is embedded at a set size within the site:
In the code for this page, I have set the gallery dimensions to 900x550. It is contained within a <div> tag on the page. You can also create the page with tables or however you like, as long as you remember to set the height and width parameters in the SWFobject.
This code is the default code for embedding SWF into html pages.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%" title="imagevue"> <param name="movie" value="imagevue.swf" /> <param name="quality" value="high" /> <embed src="imagevue.swf" quality="high" pluginspage= "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%"></embed></object>
Other settings to worry about ...
If you are embedding Imagevue from a remote location, you need to use the globalpath setting to tell the Imagevue gallery where its 'home' is. For example, you want to put the gallery on your homepage www.mywebsite.com but the gallery itself is located in a folder www.mywebsite.com/gallery. Add the globalpath setting as a parameter:
The same goes for any other native Imagevue parameters you need to add. For example, you want to set the background color to be red without changing the configuration file. Add the line:
var so = new SWFObject("gallery/imagevue.swf", "imagevue", "800", "500", "6", "#FFFFFF"); so.addVariable("globalpath", "gallery/"); so.write("imagevue");
Download the html example files
Additional HTML examples
Using the slideshow as a pagecomponent
Did I forget anything? Any questions?