Page 1 of 1

Not showing the entire image in JAK Lightbox

Posted: 11 Dec 2012, 19:40
by deziner76hd
Hi Jan,
Specs:
Joomla 2.5.8
Rocket theme Template: Cerulean Responsive version 1.0
Phoca Gallery Component: 3.2.2
Phoca Gallery Module: 3.2.0

You can view my issue here:
http://www.trailridingsaddles.com/25/

I have upgraded a site from Joomla 1.5 to 2.5.8 The upgrade of Phoca Gallery went smooth and works well except with JAK Lightbox. I am having a template conflict with JAK Lightbox and was wondering if you had an idea of what I could do to solve the issue of images not completely displaying. The image is being pushed down into the right bottom corner. I have a screenshot but don't see anywhere to attach it. It works fine with the bees template and a few other Rockettheme templates but this particular responsive template it is giving issues. I am thinking it may me a library issue but I'm not sure.
Any input or help you could offer would be greatly appreciated.

Re: Not showing the entire image in JAK Lightbox

Posted: 25 Dec 2012, 14:53
by Jan
Hi, I see the modal box now, did you change it?

Anyway nice saddles :-)

Jan

Re: Not showing the entire image in JAK Lightbox

Posted: 25 Dec 2012, 16:04
by deziner76hd
I did Jan I couldn't get the JAK Box working.

Re: Not showing the entire image in JAK Lightbox

Posted: 25 Dec 2012, 19:50
by Jan
Ok, this is not a problem, this seems like some template conflict - e.g. the template set for examle 100% height, or 100% width, which can then influence all other parts in the system (and such should not be used for the popups (tmpl=component)) Try to see similar posts, there were some posts describing similar problem (and some with solution) ... mostly one attribute in template CSS needs to be changed :idea:

Jan

Re: Not showing the entire image in JAK Lightbox

Posted: 07 Oct 2014, 15:07
by Dimi2014
Did you ever find a solution to this? I had a similar problem and while the image isn't centered, it's left-aligned just after the nav arrows. The whole image shows up though.

Go to components/com_phocagallery/assets/js/jak and look for a file called lightbox-vertical.css

Then input this CSS in there

.image-browser-image img {
position: absolute !important;
top: 0px !important;
left: 100px !important;
max-height: 100% !important;
max-width: 100% !important;
}

As I said before, it worked for me and hopefully it'll work for you.

Re: Not showing the entire image in JAK Lightbox

Posted: 10 Oct 2014, 23:38
by Jan
Hi, thank you for the info.

Jan