Highslide JS (Image only) - full view overlapping thumbnails

Phoca Gallery - image gallery extension
rolph69
Phoca Newbie
Phoca Newbie
Posts: 6
Joined: 17 Jul 2011, 13:33

Highslide JS (Image only) - full view overlapping thumbnails

Post by rolph69 »

Hi,

I have set my gallery on Highslide JS (Image only).

With setting Highslide JS Full Image : yes

However, on some screenresolutions (specially on a laptop) when I click the image, it is blocking the view of my thumbnails on the bottom of the page.
It looks that is does scale/resize the width but not the height of the image.

How can I set that the image that opens does not block the thumbnails or has the description presented over the thumnails. I assume it is part of the css where some padding/margin can be set?

You can check on http://www.lieverseprudon.nl

Thanks.
Rolph

PS Running on Joomla 1.7 with latest version of phoca gallery
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49150
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Highslide JS (Image only) - full view overlapping thumbn

Post by Jan »

Hi, then you need to set other than this method for the detail window.

Jan
If you find Phoca extensions useful, please support the project
rolph69
Phoca Newbie
Phoca Newbie
Posts: 6
Joined: 17 Jul 2011, 13:33

Re: Highslide JS (Image only) - full view overlapping thumbn

Post by rolph69 »

Sorry Jan, I disagree with your comment.

There must be a way to define how the pop-up on Highslide (image only) should be presented, even with scaling.

If I look at the original highslide viewer (highslide.com) and I look at the editor you can use http://highslide.com/editor/, you will see at the tab behavior that there is a way to define this 'pop-up size and allignment'. There is an advanced option where you can set the margins for top,bottom,left, right.

I find it very strange that this cannot be set too in phoca gallery with Highslide (image-only).
It would be nice if this can be simply added manually in the css.
Can this be done? How and where?

Thanks.
Rolph
rolph69
Phoca Newbie
Phoca Newbie
Posts: 6
Joined: 17 Jul 2011, 13:33

Re: Highslide JS (Image only) - full view overlapping thumbn

Post by rolph69 »

Ok, found out how to do this.

You need to change the file: highslide-full.js

One of the options in there is called: marginbottom
Set this to approx. 150,

Now if you have set Highslide JS (Image only) with option 1:1 and thumbstrip on, the pop up opens but keeps 150px from the bottom of the screen. This is enough to show the thumbstrip and have text below the image without either one of them cover the thumbstrip.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49150
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Highslide JS (Image only) - full view overlapping thumbn

Post by Jan »

Ok
If you find Phoca extensions useful, please support the project
Post Reply