Page 1 of 1

Highslide w/gallery problem on smaller screens

Posted: 27 Apr 2010, 05:42
by unleash.it
When using the highslide w/gallery (small thumbs below the big image) on a smaller screen like a 14" HD laptop (1280x768), the image covers over the controls. See the screen shot... The problem gets a lot worse when I turn on title plus description.

There's actually plenty of vertical space, but because of an overly large top margin, the space gets wasted. Has anyone figured out how to fix this? The margin (actualy the css "top" property) is coming from 2-3 absolutely positioned divs that make up the big image and the title. Problem is, they are inline and are dynamically generated by the script so you can't do anything about them via CSS. I'm usually good at tracking these things down, but in this case I'm kinda stumped...

Anyone know of a fix? I love this lightbox, but not working on laptops is a deal breaker...

Image

Re: Highslide w/gallery problem on smaller screens

Posted: 27 Apr 2010, 16:10
by Jan
Hi, I think, this should be a question on Highslide developers :( :idea:

Re: Highslide w/gallery problem on smaller screens

Posted: 29 Apr 2010, 00:29
by unleash.it
Yeah I thought so, but I was just checking if anyone around here has encountered it. Thanks.

Re: Highslide w/gallery problem on smaller screens

Posted: 29 Apr 2010, 22:12
by Jan
Ok, maybe someone :idea:

Re: Highslide w/gallery problem on smaller screens

Posted: 09 Jul 2010, 23:34
by onemanarmy
Hi,
this happens on widescreens :)

Solution:
Only need to change 1 parameter in highslide-full.js
You can find it here: yourdomain.com/components/com_phocagallery/assets/js/highslide/highslide-full.js

find margin-bottom (on line 64) and change the value to 200

this should fix it!

Steve

Re: Highslide w/gallery problem on smaller screens

Posted: 11 Jul 2010, 14:21
by Jan
Hi, thank you for this guide.

Jan