2011-08-07 4 views
0

jqueryで画像スライダーを作りたかった 私は5枚のjpg画像と2枚のpng画像を持っています。ここ はasp.netとJavaScriptコードです:jqueryイメージスライダを修正するには?

<script type="text/javascript"> 
$(function(){ 
$(".slider).jslider({ btnNext:".next", btnPrev:".prev"}) 
}); 

</script> 
</head> 
<body> 
<div id="container"> 
<img id="next" class ="next" src="n.png" /> <img id="prev" class ="prev" src="p.png" /> 
<div class="slider"> 
<ul> 

<li><img class="slider" src="1.jpg" alt="image1" /></li> 
<li><img class="slider" src="2.jpg" alt="image2" /></li> 
<li><img class="slider" src="3.jpg" alt="image3" /></li> 
<li><img class="slider" src="4.jpg" alt="image4" /></li> 
<li><img class="slider" src="5.jpg" alt="image5" /></li> 
</ul> 

</div> 
</div> 

が、それは動作しません:だけ前のPNG画像が表示され、画像が垂直リストの中のようなものです。 slider.jsのリンクはhttp://www.harryfinn.co.uk/youtube/jslider_tut/jslider.js

です。これをどのように修正できるか教えてください。

+1

3行目に間違いがあります。 '$("スライダー ")...' – grc

+0

@ grc:間違いなく、CSSファイルに間違いがありましたが、今はうまくいきます。 –

答えて

0

問題は、スタイルシートを使用していないということです。

下記のコードを<head>セクションに追加してみてください。チュートリアルのスタイルシートにリンクされます。これで問題が解決したら、自分のスタイルシートを作成したいと思うでしょう。

<link rel="stylesheet" href="http://www.harryfinn.co.uk/youtube/jslider_tut/style.css"> 

ああ、間違いについてのコメントを読んでください。

関連する問題