Lightbox not working as it should be
|
Cholito
Joined: 2006-05-20
Posts: 47 |
Posted: Wed, 2007-10-31 19:57
|
|
Hi! After a while, I decided to use the lightbox plugin with G2. The only 3 problems I have are these: * The title gets in the middle of the image One single image will show what I mean [IMG]http://img204.imageshack.us/img204/3166/lightboxxx7.th.jpg[/IMG] I've searched the forum, but it seems that I'm the only one having this problem. Software: Using this WPG2 theme. Thanks in advance for you help and time |
|
![[IMG]](http://img204.imageshack.us/my.php?image=lightboxxx7.jpg){kind=link}
Posts: 492
Can you either post or PM a link to the actual site? It's hard to tell what's going on from the picture.
Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website
Posts: 47
The site is http://cholito.org/wpg2
It's in testing mode :P I screwed the previous gallery so I tried to start over.
Thanks for the help!
Posts: 492
Sorry, I missed the link to the old version of WordPressEmbedded in your first post. Try getting the latest version of the theme here.
I don't know that it will fix that specific problem, but Ozgreg has done a lot of work on the theme since the post your linked to, and I'll bet that it will fix it.
Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website
Posts: 47
So, after having a little fight with my FTP client, I was able to upload the files BUT the problem persist. The image is still showed in full size, the title is not where it should be and the borders are always the same
Any file that I should edit first?
Thanks again for your help =)
Posts: 1378
It sounds like your lightbox image size is larger than your resized images. (I presume you have resized images??) Try dropping down your lightbox image size
____________________________________
Wordpress / Gallery2 (WPG2) Plugin, WPG2 Downloads, WPG2 Documentation
Posts: 47
Hi!
I really don't know where could I change the lightbox image size =/ In the WPG2 options (inside wordpress) I have "Lightbox Image Minimum Height:" set to 800.
Posts: 1378
That is it.. Drop it down to say 400
____________________________________
Wordpress / Gallery2 (WPG2) Plugin, WPG2 Downloads, WPG2 Documentation
Posts: 47
Ok, I've changed it to 400 and weird enough it works
Next issue :P ==> the title is in the middle (and behind!!) of the image, so there is no "close" button AND the border is also out of place. Again, I don't know which file to edit (otherwise I wouldn't ask =P )
Thank you very much guys!
Alejandro
Posts: 47
Hi!
So I installed a new theme vSlider3 and this theme fixes the full image call, but the border problem still remains. Could it be a lightbox problem? =/
--
Alejandro Matos
Blog
Gallery
Posts: 1378
Hmm I am getting a heap of syntax errors when your lightbox displays, wondering if you have some other JS or WP Plugin that is causing this issue..
____________________________________
Wordpress / Gallery2 (WPG2) Plugin, WPG2 Downloads, WPG2 Documentation
Posts: 47
I just found that this is a Firefox related issue. The Script works ok with Opera 9. Some guys pointed this error to
<body onload="initLightbox()">witth just<body>as a solution. The question is: where is<body>in the Gallery.Alejandro Matos
http://cholito.org
http://cholito.org/wpg2
Posts: 1378
How are you calling the lightbox script, from WPG2?
____________________________________
Wordpress / Gallery2 (WPG2) Plugin, WPG2 Downloads, WPG2 Documentation
Posts: 47
I would love to answer that question, but I have no idea if I am calling it from WPG2
I just read this =/
--
Alejandro Matos
http://cholito.org
http://cholito.org/wpg2
Posts: 1378
WPG2 plugin does not add <body onload="initLightbox()"> suggest it is a problem with the vslider theme you are running
____________________________________
Wordpress / Gallery2 (WPG2) Plugin, WPG2 Downloads, WPG2 Documentation
Posts: 47
It has nothing to do with WPG2 nor the theme as it works with opera, but not with FF. =/
--
Alejandro Matos
Blog
Gallery
Posts: 492
What plugin are you using to get your LightBox script? Do you have the "Enable Internal Lightbox Script?" box as "Yes" on WPG2 -> Lightbox?
If not, do you have another LightBox plugin for WordPress?
If not, are there any LightBox settings set for vSlider3?
What Ozgreg is saying is that the onload="initLightbox()" is not added by WPG2, so it has to be being added by some other part of WP, whether it's a plugin or the theme.
It also doesn't matter that it works in Opera. The onload="initLightbox()" shouldn't be there. Opera is just ignoring it (probably incorrectly. FF does a better job of meeting standards, IMHO.) So, the issue is to figure out what part of the software is putting that in there and fixing it.
Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website
Posts: 47
Hi!
I have only one plugin active in WP.
"Enable Internal Lightbox Script?" Active.
The vslider3 works out of the box with lightbox.
I just tried my old themes and it happens with all of them. The image is loaded to the side and the border is too small for the image. I mean, it doesn't matter which theme I use, the error is in every theme. =/
--
Alejandro Matos
Blog
Gallery
Posts: 492
So, I loaded vSlider3 on my dev box, and I'm not getting the same error.
But when I use Firebug to compare what happens when I click on a lightbox-enabled image on my dev box with what happens on your site, I'm seeing that the LightBox script is not updating the height and width attributes of the outerImageContainer class, which controls the size of the white frame around the actual image. The lack of this outerImageContainer updated height and width is the sole cause of the problem on your site. When I used Firebug to manually update them, the image went to the center correctly.
Now the question is, "Why is it doing this on your site, but not others with the same theme?"
I think I've found the cause, but I don't know why it's doing this: on your site, prototype.js is getting loaded twice. Once from the wpg2 files, and once from the wp-includes/js files. On my dev box, I'm only getting the one from the wpg2 files. I suspect that the two files are conflicting and preventing the height and width from being updated.
What I don't know is why you're getting both files, but I'm only getting one. Do you have the most recent version of vSlider3? It looks like you do, but I wanted to make sure.
Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website
Posts: 47
holy cow, nice job! =)
I have the lastest, yes. Any idea on how to make it work correctly? maybe a fresh theme install? a fresh gallery+theme install?
Thanks in advance
--
Alejandro Matos
Blog
Gallery
Posts: 492
Sorry. I didn't click on the link to notice that it's a lightbox plugin. So, you actually have two plugins active, WPG2 and the lightbox plugin.
Only one instance of the lightbox script is allowed at a time. You either need to deactivate the other plugin (recommended) or uncheck "Enable Internal Lightbox Script" in the WPG2 Lightbox tab.
Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website
Posts: 47
there are no words to describe how thankful I am, and how stupid I feel =)
thank you very much! now it works perfectly
Case closed ;)
--
Alejandro Matos
Blog
Gallery
Posts: 492
Great! Glad it's working.
No worries. The interaction of plugins can be very confusing. In general, my first troubleshooting step is to turn off all of the other plugins and then turn them on one a time until it breaks again. Not very advanced, but it gets the job done...
Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website