jQuery Cycle Plugin

Slideshow の決定版 

$('#ex1').cycle({
      fx      : 'fadeZoom'
    , speed   : 2000
    , timeout : 2000
    , pause   : 1  //when the mouse hover.  
});

$('#ex2').cycle({
      fx      : 'shuffle'
    , shuffle : { top: -50, left: 120 } 
    , easing  : 'easeInSine'
    , speed   : 1000
    , timeout : 4000
    , random  : 1 
}); 

$('#ex3').cycle({
      fx     : 'turnDown'
    , speed  : 2000
    , timeout: 4000
    , pause  : 1
});
▲▼
 
$('#ex4').cycle({
      fx     : 'scrollVert'
    , prev   : '#prev2' 
    , next   : '#next2'
    , speed  : 1000     
    , timeout: 0
});

$('#ex5').cycle({
      fx     : 'slideX'
    , easing : 'easeInQuart'
    , pager  : '#nav1' 
    , timeout: 0 
    , speed  : 1000
});

Photo : Yuri Nakamura ([DVD] GARNET CROW first live 2002) 

.pics {  
    height:108px;  
    width: 108px;  
    padding:0;  
    margin:0 32px 0 0;
	border:1px dotted #ddd;
} 
.pics img {  
    margin:0px;
    padding: 4px;  
    border:  1px solid #ccc;  
    background-color: #a00;  
    width:  100px; 
    height: 100px; 
    
}
.nav a { 
    font-family:Arial,sans-serif;
    font-size:x-small;
    color:#fba;
    margin: 0 2px; 
}
.nav a.activeSlide { border-bottom:1px solid #900;}

<div id="ex1" class="pics">
    <img src="images/01.jpg" width="100" height="100" />
    <img src="images/02.jpg" width="100" height="100" />
    <img src="images/03.jpg" width="100" height="100" />
</div>

Links