WordPress.org

Support

Support » Plugins and Hacks » Lightbox effect not working

Lightbox effect not working

  • Thecodont

    @thecodont

    Hi,

    Very much a noob trying to figure out how to do some things on my older brothers web site. He just got married and thought I would be nice and help. No I am stuck.

    Trying to use one of the many lightbox plugins but can not seem to get any to work. I have tried these but do not seem to get the effect to work

    Lightbox 2 2.4.0

    Lightbox 2 Plugin 0.7

    Lightbox JS v2.03.3

    Right now I have Lightbox JS v2.03.3

    Since I am a total noob but desperatly trying to find some help. Can anyone point me to a plugin….or a step by stp on one of these because, I don’t seem to get it.

    I read through all the readme but must be missing something. Here is a link to the site and you can see the various test posts I did
    http://www.joyceanddoug.com/blog

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thecodont

    @thecodont

    Must have been some prob. with my theme since when I deleted and reuploaded it everything works fine

    1. After checking your site, I couldn’t find scriptaculous.
    2. You’re loading effects js directly. The effects js has to be loaded via. scriptaculuos js.

    Check your lightbox plugin script calls and replace your exisiting ones with those.

    If you’re using, Lokesh’s light box, following should be in your template header:

    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>

    I too am having trouble with Lightbox, but this may be in conflict with other javascript codes. I’m not using the lightbox plugin, but I have it manually installed. It works fine for all themes except one, which uses jquery-1.2.3.

    Nevermind. I figured it out. All I needed to do was add jQuery.noConflict();

    Where did you put the code jQuery.noConflict();?

    Probably at the end of lightbox.js.

    Add it to the end of the jQuery file. That should do the trick.

    Hi, I got a small problem here aswell,if i add these 3 t my header <script type=”text/javascript” src=”js/prototype.js”></script>
    <script type=”text/javascript” src=”js/scriptaculous.js?load=effects”></script>
    <script type=”text/javascript” src=”js/lightbox.js”></script>

    Then the picture i click on opens up in a new page.

    But if i just use this one

    <script type=”text/javascript” src=”js/lightbox.js”></script>

    Then it opens up normal on the same page, only problem i then got is,how do i get the image centered?

    I am using this css for the transparancy, is there somewhere in it that centers the image in the middle of the page once opened??

    #lightbox{
    display:none;
    position: absolute;
    top:50%;
    left:50%;
    z-index:9999;
    width:500px;
    height:400px;
    margin:-220px 0 0 -250px;
    }
    #lightbox[id]{ /* IE6 and below Can’t See This */
    position:fixed;
    }

    #overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5000;
    background-color:#000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    }
    #overlay[id]{ /* IE6 and below Can’t See This */
    position:fixed;
    }
    @charset “utf-8”;
    /* CSS Document */

    Any help is appreciated please

    Thnks

    jQuery.noConflict();? putting that into jquery really helped. How the hell do u guys figure things out? Id be stumped without this post. I love u guys thank you!

    hey thanks alot.. i was scraching my head for last 2 days for this. 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Lightbox effect not working’ is closed to new replies.
Skip to toolbar