修复jQuery图像滑块？

我想用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

请让我知道我该如何解决这个问题。

来源

2011-08-07 Marwen Hizaoui

第三行有错误。应该是'$（“。slider”）...' – grc

@ grc：在css文件中确实存在错误，现在它工作正常， –

这听起来像问题是你没有使用样式表。

尝试将下面的代码添加到<head>部分。它将链接到教程的样式表中。如果这解决了问题，您可能需要制作自己的样式表。

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

哦，并阅读我对错误的评论。

来源

2011-08-07 04:34:48 grc

修复jQuery图像滑块？

回答

相关问题