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

jQuery cycle plugin stopping other divs from loading?

  • hello. i'm new to jQuery, i'll admit. but i've spent hours on this issue now, looking at the code... googling it... nothing. any help would greatly, greatly be appreciated.

    i used a jQuery cycle plugin for a slideshow, and it works: http://www.asapaquatics.net.

    but my main concern is that since i have added it, my last div in my coding (the right side image), only loads up on inital load in Firefox - not on initial load in Chrome or Safari, the other two browsers i have tested in. my guess is that the page behaves the same on load in IE. i only noticed this issue since adding the slideshow. i'm not sure what else to change/try. again, any help would be greatly appreciated.

    the code:

     <script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>
    <script type=\"text/javascript\" src=\"http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js\"></script>
    <script type=\"text/javascript\">
    $(document).ready(function(){
    $('#myslides').cycle({
    fx: 'fade',
    speed: 1000,
    timeout: 2000
    });
    });
    </script>


    and

    	<div id=\"content\">
    <div id=\"myslides\">
    <img src=\"/images/one.jpg\" />
    <img src=\"/images/two.jpg\" />
    <img src=\"/images/three.jpg\" />
    <img src=\"/images/four.jpg\" />
    <img src=\"/images/five.jpg\" />

    </div>

    <div id=\"footer\">
    <p class=\"center\">© 1999-2010 ASAP Aquatic Programs
    ||
    <a href=\"http://www.kmonstermedia.com\" target=\"_blank\">kmonstermedia.com</a></p>
    </div>

    <div id=\"right\">
    </div>
    </div>


    (the final div is closing a previous container, and the image for the right side is in the css.)