Page 1 of 1

Highslide JS (Image only) - full view overlapping thumbnails

Posted: 18 Oct 2011, 10:30
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

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

Posted: 19 Oct 2011, 22:38
by Jan
Hi, then you need to set other than this method for the detail window.

Jan

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

Posted: 24 Oct 2011, 10:53
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

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

Posted: 24 Oct 2011, 15:33
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.

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

Posted: 26 Oct 2011, 22:36
by Jan
Ok