2011-07-07 10 views
1
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/ 
jquery-1.3.2.min.js"></script> 
<div id="container"> 
<div id="carousel"> 
//with in this div i made list of my images 
</div> 
<a id="navPrev" href="#">Next</a> <a id="navNext" href="#">Previous</a></div> 
<script type="text/javascript"> 
$(document).ready(function(){ 
//Define the animation speed for the Carousel 
var speed = 600; 
$('#navPrev').click(function(){ 
//As the rest of our carousel is hidden, lets move it's margin left until 
//it's in view 
//We use the jQuery animate() function give this movement a nice smooth feel 
$('#carousel ul').animate({marginLeft:'-280px'}, speed); 
}); 
$('#navNext').click(function(){ 
//And now lets move back to the start of the Carousel 
$('#carousel ul').animate({marginLeft:'1px'}, speed); 
});}); 
</script> 

答えて

0

あなた自身ではなく、チュートリアルに従うだけでいいですあなたはそれについてまだ考えていないし、上記のすべてのリンクはすでにしていたたくさんのことが来るでしょう。

28 Useful JQuery Sliders You Need To Download

13 Super Useful jQuery Content Slider Scripts and Tutorials

+0

おかげでたくさんリアルタイムのヘルプやガイドを取得するためにここにいる理由のthats。 –

+0

リアルタイムでチャットやIRCを使用できます:) – balexandre

関連する問題