torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

How do I remove the gallery controls from my HTML popup?

If you place HTML popups on the same page as your Highslide Gallery, the HTML popups will become part of the gallery and display navigation controls.

The solution is to specify a different slideshowGroup option for the gallery popups.

1) Uncomment the slideshowGroup line in hs.addSlideshow so that the slideshowGroup is effectively set to 'group1':

Code: Select all

// Add the controlbar
hs.addSlideshow({
	slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: .75,
		position: 'bottom center',
		hideOnMouseOut: true
	}
});
If you have more than one gallery in your page, you need to specify the slideshowGroups for all the galleries:

Code: Select all

// Add the controlbar
hs.addSlideshow({
	slideshowGroup: ['group1', 'group2'],
	...
2) Update the onclicks of your gallery thumbnails:

Code: Select all

<a href="../images/gallery1.jpg" class="highslide" onclick="return hs.expand(this, { slideshowGroup: 'group1' })">
	<img src="../images/gallery1.thumb.jpg" alt="Highslide JS"
		title="Click to enlarge" />
</a>
Torstein Hønsi
CTO, Founder
Highsoft

Return to “Highslide FAQ”