Highslide Grouping functions

[cmonkedo]

Has anyone had success with the highslide grouping function found here http://highslide.com/ref/hs.slideshowGroup I have tried to add the script to the head section and modify the html code in the

<img>

tag. Please let me know if anyone has attempted this and what the results may have been.

Thanks!

[gwpriester]

Welcome to TalkGraphics

This may not answer your question directly but Steve Ledger has a page of Highslide Tweaks here http://xara-users.info/demos/highslide-tweakset-2010/ Look at how Steve has implemented the code and it may give you an idea how to adapt this particular bit of code. The left right arrow key is very effective.

[cmonkedo]

Thank you gwpriester! I have reviewed the techniques used by steve at the link you provided. I understand how to add scripts to the header section of xara the issue becomes how xara interprets pieces of the code. I am unsure if the highslide.js file used by xara is the full highslide script. I did however find a work around. I added this to the head section

<script type="text/javascript" src="index_htm_files/highslide.js">
hs.addSlideshow({
	//slideshowGroup: 'first-group',
	slideshowGroup: ({'middlelake'}),
	//interval: 5000,
	repeat: true,
	useControls: true,
	fixedControls: true,
	overlayOptions: {
		opacity: .6,
		position: 'bottom center',
		hideOnMouseOut: true
	}
});

// Optional: a crossfade transition looks good with the slideshow
hs.transitions = ['expand', 'crossfade'];
</script>

similar to what I found in highslide demo page. I had to add the ({ }) around the slideshowgroup name and then I had to add

slideshowGroup: 'middlelake'

to the section for each photo

onclick="return hs.expand(this, { slideshowGroup: 'middlelake' } )"

but I added this to the photos I did not want to be part of the group and it groups the rest of the photos. I don't know how this will work with multiple groups but I will be attempting this soon. So I will report back.

Edit: I did not achieve this in xara alone I had to use an html editor as well.