It is currently Fri Oct 24, 2014 11:20 pm Advanced search

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

Frequently asked questions.

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

Postby torstein.honsi » Wed Jan 06, 2010 11:41 am

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 Solutions
User avatar
torstein.honsi
Site Admin
 
Posts: 9200
Joined: Thu Nov 09, 2006 1:22 pm
Location: Vik i Sogn, Norway

Return to Highslide FAQ

Who is online

Users browsing this forum: No registered users and 1 guest