Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Lightbox problem

Discussion in 'Website Design Forum:' started by tim, Jan 5, 2009.

  1. tim

    tim Senior Member

  2. Greg

    Greg Active Member

    Hi Tim,

    Try changing the attribute for that image from rel="lightbox2" to rel="lightbox"

    Greg
    PS- Thanks for the linkback to DF :D
     
  3. tim

    tim Senior Member

    Hi Greg,

    I already tried this, three or four times! It's getting stupid, it just won't accept it!
     
  4. Greg

    Greg Active Member

    Hi Tim,

    I'd follow the instructions to the letter...
    In your code you have...
    On the Lightbox 2 site instructions it has...
    See if that makes any difference?
    Greg
     
  5. tim

    tim Senior Member

    Awesome, thanks :D

    I'll check now.
     
  6. tim

    tim Senior Member

    :( no, still not working.
     
  7. Greg

    Greg Active Member

    Take this out and put with your other CSS references;
    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />

    And lose the rest of that... not sure where that's come from!?
    See if that makes any difference...
     
  8. tim

    tim Senior Member

    sorry about this! I didn't take Lightbox2 off the site itself, I tried robbing it off someone.
     
  9. Greg

    Greg Active Member

    Ahh, your best of checking the main site and following the instructions there...
    Lightbox 2

    Take a clean download of the js files from that site too, as it looks like you have different versions of the scriptaculous.js file too.
     
  10. tim

    tim Senior Member

    Ahhhh it's still not working!

    God I'm a dufus!
     
  11. Greg

    Greg Active Member

    Move the lightbox CSS reference upto the line after your hm.css line... atm you have the CSS mixed up with the JS... not sure if that will make a difference but you might as well keep it tidy ;)
     
  12. tim

    tim Senior Member

    Nope, no luck at all :(

    I tried following the Lightbox 2 instructions but there was nothing different to how you told me to change it.
     
  13. Greg

    Greg Active Member

    Try this...

     
  14. tim

    tim Senior Member

    I've put that code in but to no avail. :(
     
  15. mrleesimpson

    mrleesimpson Guest

    Remove everything that isn't the Lightbox Java, including all non-Lightbox styles, and then get light box working from there.

    Once LB is working slowly introduce everything else one element of at a time. Debugging it will save hours of hacking.

    Also. Is there a particular reason why you're using this:

    For this you should either use pure CSS & SIFR or image sprites where both states are contained in one image and you use the 'background-position:' property to move it about.

    Also put this in a stylesheet:

     
  16. tim

    tim Senior Member

    if IE tag did nothing at all (even tho it stated it did), so that's gone.

    Lightbox still not working. Seperated JS from CSS but still to no avail
     
  17. mrleesimpson

    mrleesimpson Guest

    Did you write all the code for the site yourself or is it a mish-mash? Because one missing 'div' or one character out of place could killer the lot.

    Try throwing a simple one page up with the Lightbox installed to make sure you're getting all the bits and pieces in the right place.
     
  18. tim

    tim Senior Member

    Yeah, that sounds a good thing to do. But no, that code literally does nothing. I took it out and it's the same on IE 6/7 without the IF IE tag
     
  19. Jazajay

    Jazajay Active Member

    OK so if the code is right, haven't checked, and it's not working what would you think the problem could possible be?

    Think outside of the box here, hummm........ it's like the files cant be accessed or something so the code, therefore, cant execute, that sort of out of the box. :D

    Pay attention to ~

    www.timmp.co.uk/effects.js
    www.timmp.co.uk/builder.js


    I would also apply ~

    body{line-height:1.3em}


    to your main CSS sheet.
    That will make the text easier to read by adding space in between the lines.

    Let me know if you are still having problems.

    Jaz

    Key:
    Purple ~ CSS
     

Share This Page