Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorteejayuu
    • CommentTimeSep 17th 2006
     
    Hi

    I am trying to get Lightbox 2.0 up and running. I have followed the instructions and but when I click on a thumbnail the picture opens in a new page. (http://www.teejayuu.co.uk/2006/07/08/allottment-update/).
    I have tried using the <body onload="initLightbox()";> intsruction as I picked up in another post but I still can't get it to work. Any help appreciated.
    Tony
    •  
      CommentAuthorBrian
    • CommentTimeSep 17th 2006
     
    I don't see where you have added the scripts to the head. Make sure you have the following files listed in your header:<br /><br />

    prototype.js<br />
    scriptaculous.js?load=effects<br />
    lightbox.js<br />
    lightbox.css

    <br /><br />
    -Brian<br />
    -------------<br />
    <a href="http://zollinhofer.com">Zollinhofer.com</a>
    • CommentAuthorteejayuu
    • CommentTimeSep 17th 2006
     
    SOrry I've been working offline and not updated the on-line version - it should include everything now.
    •  
      CommentAuthorBrian
    • CommentTimeSep 17th 2006
     
    A couple things...<br /><br />

    I don't see where the lightbox.css file is in your head.<br /><br />

    Also, your paths aren't set correctly. Where did you upload the js and css files? You should be able to type http://www.teejayuu.co.uk/path/to/lightbox/files/ and you should see them in text in your browser. I couldn't when I typed in the paths that you set...<br /><br />-Brian<br />-------------<br /><a href="http://zollinhofer.com">Zollinhofer.com</a>
    • CommentAuthorteejayuu
    • CommentTimeSep 18th 2006
     
    Brian

    I guess this is one of the problems I am having - I don't know where to put these files. Do I create a folder under root? Do I put the js in the js folder under the wp-includes folder?

    Tony
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006 edited
     
    This is what I did (I don't know much about wp, but this should still work)...<br /><br />

    In your root folder, put the folder that all the lightbox files came in.<br /><br />

    So I had /root/lightbox/<br /><br />

    Inside that folder should be folders for css, images, and js.<br /><br />

    Then put all the corresponding files in their respective folders.<br /><br />

    See if that works. We may have to change some paths in the files themselves, but we can get to that in a little bit. Also, make sure that you change the paths in your headers to:<br /><br />

    http://www.teejayuu.co.uk/lightbox/js/prototype.js (and so forth)...<br /><br />
    -Brian<br />
    -------------<br />
    <a href="http://zollinhofer.com">Zollinhofer.com</a>
    • CommentAuthorteejayuu
    • CommentTimeSep 18th 2006
     
    All done Brian and still no joy. There is a line in my header that contains an onload action - 'window.attachEvent("onload", correctPNG);' - could this be interfering with Lightbox?
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006
     
    The lightbox itself now works (for me at least). We'll have to change the path to your images to get those up though...
    • CommentAuthorteejayuu
    • CommentTimeSep 18th 2006
     
    What are you using Brian - I've tried it with both IE 6.0 and Firefox 1.5.0.7 and still doesn't work.
    Tony
    P.S. Sorted the image path
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006 edited
     
    Did you hard refresh? It worked for me in FF 1.5.0.6 <br /><br />

    The images for close and loading still aren't showing...<br /><br />

    I think you have to change this in your lightbox.js:<br /><br />

    var fileLoadingImage = "images/loading.gif"; <br />
    var fileBottomNavCloseImage = "images/closelabel.gif";<br /><br />

    var fileLoadingImage = "../images/loading.gif"; <br />
    var fileBottomNavCloseImage = "../images/closelabel.gif";<br /><br />

    -Brian<br />
    -------------<br />
    <a href="http://zollinhofer.com">Zollinhofer.com</a>
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006
     
    One more thing...<br />
    You have //JSTogglebox in your html (it looks like you wanted to comment it out) but you can see it in the top left hand corner (ever so slightly...)<br /><br />
    -Brian<br />
    -------------<br />
    <a href="http://zollinhofer.com">Zollinhofer.com</a>
    • CommentAuthorteejayuu
    • CommentTimeSep 18th 2006
     
    Brian

    I've changed the paths as suggested, closed down Firefx and restated (same with IE) and the images open in a new browser window.
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006
     
    Did you hard refresh? (I don't remember the key combo on PCs) shift-f5 maybe?<br /><br />
    -Brian<br />
    -------------<br />
    <a href="http://zollinhofer.com">Zollinhofer.com</a>
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006 edited
     
    Here is my <a href="http://zollinhofer.com/random/screenshot.png">screenshot</a>.<br /><br />
    Also, maybe change the paths to "http://www.teejayuu.co.uk/lightbox/images/loading.gif" (they still weren't coming up)...


    -Brian<br />
    -------------<br />
    <a href="http://zollinhofer.com">Zollinhofer.com</a>
    • CommentAuthorteejayuu
    • CommentTimeSep 18th 2006
     
    Brian
    Your screenshot is exactly what should be happening - but not on my PC. All that happens is is that the image you get in your light box, just opens in a new window. I have even hard re-booted everything including the PC and I still don't see the light box
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006 edited
     
    I don't know what to tell you. What is the pc keycombo for hard refresh in a browser?

    The close button still isn't coming up, but the rest looks fine...<br /><br />
    I would still change the paths on those 2 images to see if that will fix it..<br />

    -Brian<br />
    -------------<br />
    <a href="http://zollinhofer.com">Zollinhofer.com</a>
    • CommentAuthorteejayuu
    • CommentTimeSep 18th 2006
     
    Do you mean 'Reload'? If so it's Ctrl+R, but I've been doing that on every change.
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006
     
    I think there is a difference between "reload" and hard refresh... Maybe I'm wrong. Try holding down control while clicking the browser's refresh button and see if that does anything different...
    • CommentAuthorteejayuu
    • CommentTimeSep 18th 2006
     
    I've emptied the cache, deleted store files, pressed every combination of keys, icons and menu items I can think of and still can't get what you see Brian. I think there must be some setting that is stopping Lightbox that may be peculiar to my machine - seeing as everything works ok with you. Thank you for your efforts Brian I appreciate your help - I think I need to check my browser settings, although other scripts seem too work - I may change may theme and see if that changes things
    •  
      CommentAuthorBrian
    • CommentTimeSep 18th 2006
     
    Sorry it didn't work for you... Let us know what you figure out!<br /><br />
    -Brian<br />
    -------------<br />
    <a href="http://zollinhofer.com">Zollinhofer.com</a>
    • CommentAuthorteejayuu
    • CommentTimeSep 18th 2006
     
    Brian

    I am at last getting somewhere - there is a plug-in for WordPress that I've downloaded, at least now I've got a Lightbox working offline (just need to sort out the navigation - but I'll try that on the WP forums. Thanks once again