Installing Photo Shoot
1. Download and Extract
Download the zip file and extract it.
Put PhotoShoot.swf and effectscode.com.js, in the same folder as your web-page.
2. Add code
Add the following HTML code on your page:
<!-- ________ START EFFECTS CODE - http://www.effectscode.com/ ________ -->
<script src="effectscode.com.js" type="text/javascript"></script>
<div class="com.effectscode.PhotoShoot" style="width:400px; height:400px;">
<textarea class="effectscode" style="visibility:hidden;" rows="1" cols="20">
// <!-- ____________________________ Start XML ___________________________
<PhotoShoot bgcolor="#ffffff" showTime="3000">
<ZoomImage src="images/1.jpg" zoomToX="243" zoomToY="101" />
<ZoomImage src="images/2.jpg" zoomToX="210" zoomToY="90" />
<ZoomImage src="images/3.jpg" zoomToX="155" zoomToY="72" />
<ZoomImage src="images/4.jpg" zoomToX="225" zoomToY="44" />
<ZoomImage src="images/5.jpg" zoomToX="300" zoomToY="66" />
</PhotoShoot>
// _____________________________ End XML ____________________________ -->
</textarea><div class="alternateContent">
<a href="http://www.effectscode.com/Slideshows/PhotoShoot">Photo Shoot flash
effect script</a> requires <a href="http://www.adobe.com/go/getflash/">Flash 9</a>
</div></div>
<script type="text/javascript">ECreplace();</script>
<!-- _______________________ END EFFECTS CODE _________________________ -->
<script src="effectscode.com.js" type="text/javascript"></script>
<div class="com.effectscode.PhotoShoot" style="width:400px; height:400px;">
<textarea class="effectscode" style="visibility:hidden;" rows="1" cols="20">
// <!-- ____________________________ Start XML ___________________________
<PhotoShoot bgcolor="#ffffff" showTime="3000">
<ZoomImage src="images/1.jpg" zoomToX="243" zoomToY="101" />
<ZoomImage src="images/2.jpg" zoomToX="210" zoomToY="90" />
<ZoomImage src="images/3.jpg" zoomToX="155" zoomToY="72" />
<ZoomImage src="images/4.jpg" zoomToX="225" zoomToY="44" />
<ZoomImage src="images/5.jpg" zoomToX="300" zoomToY="66" />
</PhotoShoot>
// _____________________________ End XML ____________________________ -->
</textarea><div class="alternateContent">
<a href="http://www.effectscode.com/Slideshows/PhotoShoot">Photo Shoot flash
effect script</a> requires <a href="http://www.adobe.com/go/getflash/">Flash 9</a>
</div></div>
<script type="text/javascript">ECreplace();</script>
<!-- _______________________ END EFFECTS CODE _________________________ -->
3. Edit XML Section
There are some further examples to follow, and also some documentation. The configuration follows XML format for easy integration and management. The width and the height are specified in enclosing div style tag. The rest of the div block contains alternative HTML that will display if the browser does not support the effect.
4. Hide alternative content (Optional)
Some browsers display a quick flash of the alternative content before Flash loads. To avoid this, add a this style rule to your HTML <HEAD> block:
<style type="text/css">
html.hasFlash .alternateContent { visibility: hidden; }
</style>
html.hasFlash .alternateContent { visibility: hidden; }
</style>