jQuery Cycle Plugin

**htmlbasictutor** · 07-09-2009, 02:55 PM

jQuery Cycle Plugin - jquery.malsup.com/cycle/

a) Has anyone used this?
b) If you have, how did you get it to run?

Tried to replicate what is shown here: jquery.malsup.com/cycle/begin.html
In the head:

Code:

<script src="scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js?v2.11" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    // run the code in the markup!
    $('td pre code').each(function() {
        eval($(this).text());
    });
});
</script>

In the body:

Code:

            <div id="s1" class="slideshow"> <img src="images/img1.jpg" width="560" height="360" /> 
              <img src="images/img2.jpg" width="560" height="360" /> 
              <img src="images/img3.jpg" width="560" height="360" /> 
              <img src="images/img4.jpg" width="560" height="360" /> 
            </div>

Problems:
#1 - all images are exposed at the moment
#2 - not cycling

nasty.web · 07-09-2009, 08:00 PM

em, get rid of that thing

Code:

  // run the code in the markup!
    $('td pre code').each(function() {
        eval($(this).text());
    });

and put this instead:

Code:

$('#s1').cycle({ 
    fx:    'fade', 
    speed:  2500 
 });

**Hades** · 07-09-2009, 08:11 PM

I never used it but assuming that you only tried to replicate those demos on your local instance and your source is correct: if it didn't work the first thing you should check is the jquery version.

You have 1.3.2 while those demos use 1.3.

**htmlbasictutor** · 07-09-2009, 09:01 PM

Thank you nasty.web! That worked.