User avatar
Posts: 22
Joined: Tue Jan 04, 2011 1:36 pm


Sat Mar 03, 2018 3:04 pm

I have a number of single images which, when clicked on, display a larger version with a semi-transparent close button overlay as in the bare-bones example. This works fine. However, I'm now trying to add several galleries to the same page using the samples from, 3 Galleries in page. This works fine for my initial two galleries except that the close button overlay from the expanded single images now appears in the frame surrounding each gallery. The offending bit of code in the <head> section of the page is this:

Code: Select all

		html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
		position: 'top right',
		fade: 2 // fading the semi-transparent overlay looks bad in IE
How can I prevent this overlay being applied to my galleries?

Wrong placement of the topic. Next time, please make sure that you place your topic in correct section.
Moved your topic to Highslide section.


Posts: 430
Joined: Sun Aug 18, 2013 11:20 am

Re: Overlays

Mon Mar 05, 2018 11:52 pm

The general answer is that you need to use a slideshowGroup to differentiate between objects or galleries that use one set of overlays vs. another set.

Edit: Happily, I put together an example of this a long time ago, and it's still there. Study the page code:

Return to “Highslide JS Usage”