Sen-nefer
Posts: 2
Joined: Sat Jan 29, 2011 4:02 pm

Using slideshowGroup and flash

Hi,

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&uuml;r "Amun-re von Karnak"</a></td>
 
And here the code from the necessary part of the file highslide.config.js:

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']
};
Thanks for your help.

Sen-nefer
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: Using slideshowGroup and flash

You canÔÇÖt add the slideshowGroup like you did to the onclick when you are using config1

Code: Select all

onclick="return hs.expand(this, config1[hilight], {slideshowGroup: 'group2'}[/hilight])"
You should use this

Code: Select all

onclick="return hs.expand(this, config1)"
or this

Code: Select all

onclick="return hs.expand(this, config2)"
Both codes will give you slideshowGroups since both config objects in the highslide.config.js file contains slideshowGroups.

Code: Select all

// gallery config object
var config1 = {
   [hilight]slideshowGroup: 'group1',[/hilight]
   numberPosition: 'heading',
   transitions: ['expand', 'crossfade']
};

// gallery config object
var config2 = {
   [hilight]slideshowGroup: 'group2',[/hilight]
   numberPosition: 'heading',
   transitions: ['expand', 'crossfade']
};
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
Sen-nefer
Posts: 2
Joined: Sat Jan 29, 2011 4:02 pm

Re: Using slideshowGroup and flash

Hi RoadRash,

Thanks, for your help, it works.

Sen-nefer

Return to “Highslide Editor”