How to avoid the overlapping of thumbnails?

Phoca Gallery - image gallery extension
Aprento
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 17 Feb 2011, 18:31

How to avoid the overlapping of thumbnails?

Post 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
Aprento
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 17 Feb 2011, 18:31

Re: How to avoid the overlapping of thumbnails?

Post 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49297
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How to avoid the overlapping of thumbnails?

Post 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
If you find Phoca extensions useful, please support the project
Post Reply