WordPress.org

Ready to get started?Download WordPress

Forums

Lightbox effect not working (11 posts)

  1. Thecodont
    Member
    Posted 6 years ago #

    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

  2. Thecodont
    Member
    Posted 6 years ago #

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

  3. Rok
    Member
    Posted 6 years ago #

    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>
  4. itissue
    Member
    Posted 6 years ago #

    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.

  5. itissue
    Member
    Posted 6 years ago #

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

  6. webworldcreations
    Member
    Posted 6 years ago #

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

  7. Rok
    Member
    Posted 6 years ago #

    Probably at the end of lightbox.js.

  8. S07
    Member
    Posted 6 years ago #

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

  9. Anonymous
    Unregistered
    Posted 6 years ago #

    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

  10. dstrunin
    Member
    Posted 5 years ago #

    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!

  11. blogsdna
    Member
    Posted 5 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.