Page 1 of 1

How to avoid the overlapping of thumbnails?

Posted: 17 Feb 2011, 18:41
by Aprento
Hello,

when I click on a picture, it overlaps the thumbnails in the slidebar. The hight (and the width, too) seems to be calculated by JavaScript and uses almost the whole browser hight. How can I let it use only 80% of the window hight to let the slidebar free?

Look at the red border, thats, how I'd like to see it :-)

Image

Re: How to avoid the overlapping of thumbnails?

Posted: 19 Feb 2011, 13:02
by Aprento
Here is my solution: just have to add a line to reduce the high in components/com_phocagallery/assets/js/highslide/highslide-full.js

Code: Select all

	var width = hs.ie ? iebody.clientWidth : 
			(d.documentElement.clientWidth || self.innerWidth),
		height = hs.ie ? iebody.clientHeight : self.innerHeight;
		
		height -= 100; // the new line
Now the high of the pic is the full browser high - 100px for the slidebox.

Is there no option in joomla backend for this?

Image
Now it looks good

Re: How to avoid the overlapping of thumbnails?

Posted: 24 Feb 2011, 22:51
by Jan
Hi, no there is no option in parameters for this, this needs to be done in the js as you did.

Anyway thank you for the guide.

Jan