Hi.. At the moment I have placed a thumb image on top of the pano using a span as seen here..
<span style="position:absolute; left:13px; top:65px; width:135px; height:48px; z-index:6;"><a id="thumb2" href="../images/thumbstrip01.jpg" class="highslide" onClick="return hs.expand(this)">
<img src="../images/thumbstrip01.thumb.png" alt="Destiny test text for image" width="120" height="90"
title="Click to enlarge" /></a></span>
It works fine, but its not the best option for multiple images and it doesn't give me the option to have an image open on any pano... This below is the main javascript in the Head...
<script type="text/javascript" src="../highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.wrapperClassName = 'borderless floating-caption';
hs.captionEval = 'this.thumb.alt';
hs.marginLeft = 100; // make room for the thumbstrip
hs.marginBottom = 80 // make room for the controls and the floating caption
hs.numberPosition = 'caption';
hs.lang.number = '%1/%2';
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
position: 'top right',
fade: 2
});
</script>
I have tried using the java option but its not working too well. I can get it to open ??? but it doesn't trigger the thumb to expand to the image.. You can see the effect when you click on the thumb image.. Basically, I want this to happen when I click on the hotspot, so each trigger code needs to be unique to that thumb so multiple images can be added..
http://members.westnet.com.au/dps/hotspotlin…irtualtour.html
Any ideas..
Destiny..