I am a big time newby!  I have used several simple jquery itmes successfully, but I am now having a problem using the jquery cycle plugin.  I have been successful using the cycle plugin for the fade option with the following code:

 

<script type="text/javascript" src=" http://modelsnmoore.com/js/init.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://modelsnmoore.com/js/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="http://modelsnmoore.com/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://modelsnmoore.com/js/deepop.js"></script>
<script type="text/javascript">

<!--
$(document).ready(init);

function init() {
 $(".pics").cycle();
 $('#s5').cycle({     fx:    'shuffle',     delay: -4000 });
}
// -->
</script>

.

.

.

<div id="slideshow" class="pics">
              <img src="http://modelsnmoore.com/mymodels/p01.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p02.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p03.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p04.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p05.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p06.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p07.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p08.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p09.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p10.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p11.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p12.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p13.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p14.jpg" alt="" style="width: 409px; height:300px;" />
              <img src="http://modelsnmoore.com/mymodels/p15.jpg" alt="" style="width: 409px; height:300px;" />
          </div>

 

However, I want the shuffle option.  I have found the code:

 

. $( '#shuffle').cycle({ 
fx:     'shuffle',
    easing: 'easeOutBack',
    delay:  -4000
});

as well as:

$('#s5').cycle({
fx: 'shuffle',
delay: -4000
});

 

I have tried to fit all in the call, but have failed.  Face the reality that I do not know as yet how to structure this call or stack multiple option calls.

 

fishBait