Question

我想用jquery创建一个图像滑块我有5个jpg图像和2个png图像（下一个和上一个）。这是asp.net和javascript代码：

<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

请告诉我如何解决这个问题。

Answer 1

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

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

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

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

修复jquery图像滑块？

1 个答案: