edjusted
Member
Posted 1 year ago #
Lightbox used to work fine, and I'm not sure when, but it started doing funny things. Take this page for example. If I view the page in IE (Win XP) or Safari (Mac), lightbox works fine as expectd. But if I use Firefox for either Windows or Mac, or Camino (for Mac, but uses mozilla renderer), the picture shows up skewed to the right, with the "prev" and "next" buttons showing up where they *should* be, and the "x" close lightbox button becomes blocked by the picture itself.
Does anyone have any ideas on how I could fix this?
Thanks!
edjusted
Member
Posted 1 year ago #
richadmin
Member
Posted 1 year ago #
If I had to guess... I'd think it was related to how you have your paragraphs styled in CSS.
Try pulling them (the images) outside the <p>, maybe put them in a plain old <div>.
I just started messing with lightbox and nearly every problem I have read about ends up being related to styling (Css).
Can't hurt to try it! Would only take a couple minutes. :)
edjusted
Member
Posted 1 year ago #
Thanks! I'm not quite sure what you mean though. I don't have any <p> tags in my post. Below is the actual text I have in my example post above. Are you saying I should add something in the *post* or in the template? (Sorry, my knowledge of css is based more on "trial and error)
<img src='/wp-images/takaraya1sm.jpg' alt='Takaraya Ramen' /><img src='/wp-images/takaraya6sm.jpg' alt='Takaraya Ramen' /><img src='/wp-images/takaraya2sm.jpg' alt='Takaraya Ramen' />
wife: Do you know there's a really good ramen place in Orange County that we haven't tried?
me: excuse me?
edjusted
Member
Posted 1 year ago #
Shoot, sorry, that didn't get quoted right. Here's the text from that example:
<a href='/wp-images/takaraya1.jpg' rel='lightbox[Takaraya]' title='Does this look like the entrance to ramen heaven?'><img src='/wp-images/takaraya1sm.jpg' alt='Takaraya Ramen' /></a><a href='/wp-images/takaraya6.jpg' rel='lightbox[Takaraya]' title='They offer 4 different kinds of ramen!'><img src='/wp-images/takaraya6sm.jpg' alt='Takaraya Ramen' /></a><a href='/wp-images/takaraya2.jpg' rel='lightbox[Takaraya]' title='Hmm...could Hello Kitty bowls be a sign of a good ramen house?'><img src='/wp-images/takaraya2sm.jpg' alt='Takaraya Ramen' /></a>
wife: Do you know there's a really good ramen place in Orange County that we haven't tried?
me: excuse me?
johnpiercy
Member
Posted 1 year ago #
try this link
Brian helped me with my lightbox
http://zollinhofer.com/lightbox-faq#prev_next
Your <head> seems a bit messed up :) Lightbox is included twice. Also you use a ton of js and some may be incompatible with lightbox and/or Prototype.js. Try fixing the head first, then try loading Prototype just before the lightbox stuff near the end of the <head>.
edjusted
Member
Posted 1 year ago #
johnpiercy: thanks for the link. I tried a few things from that link but they didn't seem to have any effect.
azaozz: thanks for the note. It looks like the Prototype.js is part of the lightbox plugin. I disabled the lightbox plugin saw that mention of prototype.js disappeared. I also removed all the "3rd party" js from the template temporarily but the problem is still there.
I was thinking this is more of a CSS issue than a plugin issue, since lightbox worked fine in the past, and the only thing I can think of that's changed in the past few months is I've upgraded Firefox and Camino.
Edjusted, lightbox is still included twice in the head. This creates 2 sets of the lightbox html appended at the end of the page, so you end up with 2 elements having the same id (like <div id="outerImageContainer" and then below another <div id="outerImageContainer"). Thats totally invalid html.
Try to find out where the second lightbox is inserted from. Could it be in your theme's header.php? Or perhaps the plugin is corrupted?
edjusted
Member
Posted 1 year ago #
Hmm...I triplechecked and I only have one copy of lightbox. I even deactivated it, completely deleted the lightbox dir, redownloaded lightbox and reinstalled from scratch. When I deactivate the lightbox plugin, all mention of lightbox disappears from my headers, so I'm fairly sure the problem has nothing to do with anything in any of the template files. I just googled around and checked other web sites using Wordpress and the lightbox plugin, and to my untrained eyes, the headers all look the same as mine.
Any other avenues I can explore to fix this?
dcrusader
Member
Posted 1 year ago #
I had to clear my cache on Firefox. I noticed the issue when I would try to access the .js files related to Lightbox directly. It kept referring me to a WordPress "Page not found" error. I also noticed the HTTP response was 304 (Not changed). I cleared the cache and, lo and behold, Lightbox worked.
