jquery cycle image problems

jquery cycle image problems

The issue that I'm having is that the images in my slideshows occasionally downsize  to a thumbnail size as moving through images with next or prev button.

Anyone have an idea whats going on? Here is the site http://www.katiesoule.com/portfolio.html


  1. <!-- include jQuery library -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/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">

    $('.slideshow').cycle({ 
     fx: 'fade', 
     speed: 'fast', 
     timeout: 0, 
     next: '.next', 
     prev: '.prev' 
    }); 
     
    </script>



    <!-- start project navigation -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script>





















    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
     <script type="text/javascript" charset="utf-8">
     $(document).ready(function() {
     $("#projects > li").hide();
     $("#p1").show();
     $("#project1link").click(function(){
     $("#projects > li").hide();
     $("#p1").show();
     return true;
     });
     $("#project2link").click(function(){
     $("#projects > li").hide();
     $("#p2").show();
     return true;
     
     });
     $("#project3link").click(function(){
     $("#projects > li").hide();
     $("#p3").show();
     return true;
     });
     $("#project4link").click(function(){
     $("#projects > li").hide();
     $("#p4").show();
     return true;
     });
     $("#project5link").click(function(){
     $("#projects > li").hide();
     $("#p5").show();
     return true;
     });
     $("#project6link").click(function(){
     $("#projects > li").hide();
     $("#p6").show();
     return true;
     });
     $("#project7link").click(function(){
     $("#projects > li").hide();
     $("#p7").show();
     return true;
     });
     $("#project8link").click(function(){
     $("#projects > li").hide();
     $("#p8").show();
     return true;
     });
     $("#project9link").click(function(){
     $("#projects > li").hide();
     $("#p9").show();
     return true;
     });
     $("#project10link").click(function(){
     $("#projects > li").hide();
     $("#p10").show();
     return true;
     });
     $("#project11link").click(function(){
     $("#projects > li").hide();
     $("#p11").show();
     return true;
     });
     $("#project12link").click(function(){
     $("#projects > li").hide();
     $("#p12").show();
     return true;
     });
     

     
     });
     </script>



    </head>
    <body>