Not showing the entire image in JAK Lightbox

Phoca Gallery - image gallery extension
deziner76hd
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 13 Feb 2010, 23:32

Not showing the entire image in JAK Lightbox

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

Re: Not showing the entire image in JAK Lightbox

Post by Jan »

Hi, I see the modal box now, did you change it?

Anyway nice saddles :-)

Jan
If you find Phoca extensions useful, please support the project
deziner76hd
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 13 Feb 2010, 23:32

Re: Not showing the entire image in JAK Lightbox

Post by deziner76hd »

I did Jan I couldn't get the JAK Box working.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49144
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Not showing the entire image in JAK Lightbox

Post 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
If you find Phoca extensions useful, please support the project
Dimi2014
Phoca Member
Phoca Member
Posts: 20
Joined: 03 Oct 2014, 14:09

Re: Not showing the entire image in JAK Lightbox

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

Re: Not showing the entire image in JAK Lightbox

Post by Jan »

Hi, thank you for the info.

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