treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Two different scripts interfering with each other?

  • Hello everyone! I have a question. I am trying to use a basic jquery slider script, which is working just fine. No problems there, but I am also wanting to use the lightbox 2 script where a thumbnail within the slider is clicked and the bigger version pops up. In theory, should this work fine or are they interfering with each other? Because when I click the thumbnails it just opens up the larger picture in a totally new window. I've looked over my code a bunch of times, but that doesn't mean I didn't miss something. If this should work then I will post up my code if someone has some time to look it over.
  • Using This:http://www.huddletogether.com/projects/lightbox2/ and this:http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/ together. Again, the slider is working fine, just not the lightbox 2 part of it.


    <div id=\"main\">
    <div id=\"content\">

    <div id=\"slideshow\">
    <div id=\"slidesContainer\">
    <div class=\"slide\"><h2></h2>
    <p><a href=\"/mcgraw.jpg\" rel=\"lightbox\" title=\"Songs For Tim Mcgraw\"><img src=\"timscreenshotsm.jpg\" width=\"250\" height=\"364\" alt=\"Small, clickable screenshot of songsfortimmcgraw.com\"/></a>
    </div>
    <div class=\"slide\">
    <img src=\"autumn.png\"/>
    </div>
    <div class=\"slide\">
    <!-- Content for slide 3 goes here. -->
    </div>
    <div class=\"slide\">
    <!-- Content for slide 4 goes here. -->
    </div>
    </div>
    </div>
  • I have a similar question, but just involving the jQuery innerfade script used multiple times.

    If I have 4 sliders on a page that I want to change images at different rates, can I use the same jQuery call to control all four?