I would like to use Higslide JS on one page with two slideshows (slideshowGroup) and one flash. I created thenecessary files with the Higslide editor. It works, but the option slideshowGroup didnÔÇÖt work. If I do the same without flash, it works correct.
I use the js-file highslide-full.js with flash and highslide-with-gallery.js without flash. here the necessary code from my html file
Code: Select all
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<script type="text/javascript" src="../highslide/highslide-full.js"></script>
<!-- <script type="text/javascript" src="../highslide/highslide-with-gallery.js"></script> -->
<script type="text/javascript" src="../highslide/highslide.config.js" charset="utf-8"></script>
<link rel="shortcut icon" href="../Sennefer.ico" />
<link rel="stylesheet" type="text/css" media="print" href="../Printstyle.css" />
<link rel="stylesheet" type="text/css" media="screen, projection" href="../styleS.css" />
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
<td class="LTe"><a href="images/TT96A/Sennefer_oben_1.jpg" onclick="return hs.expand(this, config1, {slideshowGroup: 'group2'})" title="[Abb. S38] Sen-nefer in Karnak"> Opfergabe von Sen-nefer & Senet-nai für "Amun-re von Karnak"</a></td>
Code: Select all
// Add the slideshow controller
hs.addSlideshow({
slideshowGroup: ['group1', 'group2'],
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: '1',
position: 'bottom right',
offsetX: '4',
offsetY: '4',
hideOnMouseOut: true
}
});
// gallery config object
var config1 = {
slideshowGroup: 'group1',
numberPosition: 'heading',
transitions: ['expand', 'crossfade']
};
// gallery config object
var config2 = {
slideshowGroup: 'group2',
numberPosition: 'heading',
transitions: ['expand', 'crossfade']
};
Sen-nefer