several slideshows per page

[felicia]

Hi
I have successfully created a slideshow using the editor (yay) but I actually want to show about 4 slideshows on one page with only showing 1 thumbnail per slideshow. Much like the "Two mini galleries on the same page" but I cannot for the life of me get them to work because it has something to do with creating separate IDs in the onclick anchor but I know nothing about js and I am aware they need their own id like thumb1 and thumb2 and slideshowgroup1 and slideshowgroup2 but how do I set this up for more than one slideshow on the page?
Thanks in advance for your help

[RoadRash]

Hi,
See this FAQ: http://www.highslide.com/forum/viewtopic.php?f=4&t=4682

[felicia]

Brilliant. Thanks so much for your help.

I just have one more question which I could not find in the help.

Where do I call the images using config1 and config2 and so on? I placed it in the same onclick group but it doesn't seem to work - see below my incorrect code:

onclick="return hs.expand(this, config2 { slideshowGroup: 2 } )">

Where do I mark up the config code?

So what I mean is where do I put this line of code exactly?
onclick="return hs.expand(this, config1 )"

I already have an onclick on the thumbnails calling the specific slideshows and thumb groups.

I hope this makes sense.

Thanks so much

[RoadRash]

In your highslide.config.js you have something similar to this:

Code: Select all

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

You need to duplicate this code ÔÇô one for each gallery ÔÇô so you have four configs. Leave the first one as it is. In the second one ÔÇô rename config1 to config2, slideshowGroup: ÔÇÿgroup1ÔÇÖ to slideshowGroup: ÔÇÿgroup2ÔÇÖ, thumbnailId: ÔÇÿthumb1ÔÇÖ to thumbnailId: ÔÇÿthumb2ÔÇÖ. Do the same with the third and fourth configs ÔÇô replace 1 with 3 and 4.

The first image in each gallery must have unique ids ÔÇô thumb1 for the first gallery, thumb2 for the second, thumb3 for the third and thumb4 for the fourth.

The onclick for the images in the first gallery should look like this:

Code: Select all

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

Second gallery:

Code: Select all

onclick="return hs.expand(this, config2 )"

Third gallery:

Code: Select all

onclick="return hs.expand(this, config3 )"

Fourth gallery:

Code: Select all

onclick="return hs.expand(this, config4 )"

The last thing you need to change is the addSlideshow part of the code in your highslide.config.js file. Your addSlideshow part of the code starts with this:

Code: Select all

// Add the controlbar
hs.addSlideshow({
	slideshowGroup: 'group1',

Change the slideshowGroup line to this

Code: Select all

// Add the controlbar
hs.addSlideshow({
	[hilight]slideshowGroup: ['group1', 'group2', 'group3', 'group4'],[/hilight]

[felicia]

Hi
Thanks so much for your help. I got a bit confused as to what to call and what to place in the js file. But now it is all working perfectly. I will certainly be purchasing this product and believe it is the best so far that I have looked at and trialled.

thanks a million
Regards

[RoadRash]

You're welcome.