In your gallery's HTML page, you'll need to include the file 'swfaddress.js' and use the following embedding code:
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript" src="swfaddress.js"></script>
<script type="text/javascript">
var svAPI;
function svComplete() {
svAPI = document.getElementById('svInstance');
};
function svImageChange(index){
document.location="#" + (index + 1);
}
SWFAddress.onChange = function(){
if(svAPI != null && svAPI.getImageIndex() != getLocationIndex()) {
svAPI.showImage(getLocationIndex());
}
}
function getLocationIndex() {
return location.hash.substr(1) - 1;
}
var flashvars = {};
flashvars.enableAPI = "true";
flashvars.firstImageIndex = getLocationIndex();
var params = {};
params.allowfullscreen = true;
params.allowscriptaccess = "always";
params.bgcolor = "222222";
var attributes = {};
attributes.id = "svInstance";
attributes.name = "svInstance";
jQuery(document).ready(function () {
SV.simpleviewer.load('sv-container', '100%', '100%', '222222', true, flashvars, params, attributes);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
On each of your 'details' pages, you have a 'Return to road bikes' link.
You can make each of these links return to a specific image in your gallery by using a hyperlink such as:
<a href="index.html#12">Go to 12th image in gallery</a>
Steven Speirs
SimpleViewer Support Team