Lightbox

webnewbie

I am using Lightbox 2.03.3. Have used it on another website with no problem. My current website is having a problem on the home page. When I click on the picture it brings up the larger picture as normal, but the small pic disappears off the webpage. Lightbox works fine on the other pages. Will someone look at the site and tell me what I'm doing wrong. http://www.webassistantsllc.com/ffredesign Thanks

syar

From what I can see you have just mixed the HTML code up, the line; <a href="images/homebox2_large.jpg" rel="lightbox">Click for larger image<img src="images/homebox2_small.jpg" alt="Florida Flavors Gift Box" /></a> Should read; <a href="images/homebox2_large.jpg" rel="lightbox"><img src="images/homebox2_small.jpg" alt="Florida Flavors Gift Box" />Click for larger image</a> This should work for you. I haven't seen that problem before and i have used the same script on two of my sites including my current one

webnewbie

Thanks for the suggestion. Unfortunately that didn't fix it. My picture still moves off to the left. Anyone else have any suggestions for me. I'm getting a little desparate. Lightbox on my other pages works just fine. Thanks in advance.

Wanderer

This is a syntax problem, you have an errant "<" sign on the page which should be an end div tag I think.
Sorry I don't have time to play further with this but Safari's Web Inspector exposes all!

webnewbie

Thanks for the input. I've checked line by line and can't find anything wrong. Not sure what to make of this.

Wanderer

You have a DIV tag that is not closed properly, it has no effect on the display until you click the image and Lightbox uses the tag.

What application are you using to write the code, surely it has a visual prompt to show you the error?

Don't tell me you write it by hand!

webnewbie

Wanderer, Can you tell me where you see the DIV tag not properly closed...like what line? I just can't find it. I'm using Dreamweaver, but I hand write a lot of my code. Thanks for your input.