Having trouble using Cycle Plugin to make a clickable slideshow

Having trouble using Cycle Plugin to make a clickable slideshow

Hi, am very new to jquery...am wanting to use the Cycle plugin to set up a clickable slideshow, which will advance *only* on click. I believe I would use this option but am not sure how to set it up:

prevNextEvent:'click.cycle',// event which drives the manual transition to the previous or next slide

Here's the code I've been trying to use, but it's still progressing automatically.

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <!-- include Cycle plugin -->
    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
    <script type="text/javascript">
          $(document).ready(function() {
                $('#slideshow').cycle({         
            });
         $("#slideshow").click(function(){
            $('#slideshow').cycle('next');
        });
    });
    </script>










  2.  <div id="slideshow">
           <img src="ads1.png" width="680" height="410" alt="Action Box Template - Spring" class="first">
           <img src="ads2.png" width="680" height="410" alt="Action Box Template - Back to School">
           <img src="ads3.png" width="680" height="410" alt="Action Box Template - Fall">
           <img src="ads4.png" width="680" height="410" alt="Action Box Template - Holiday">
           <img src="ads5.png" width="680" height="410" alt="Action Box Template - Valentine's Day">
           <img src="ads6.png" width="680" height="410" alt="Action Box Template - Halloween">              
    </div>






Thank you!