Javascript 从头开始制作jquery旋转木马

我知道这里有很多关于jquery图像旋转木马的问题，但它们都涉及到一个插件。我想从头做一个。这是一个非常简单的按钮，有两个按钮，一个左键，一个右键。单击“左”按钮时，包含所有图像的整个容器的位置向左移动，向右移动

这就是我目前所拥有的。。。现在的问题是只有左键起作用。（右键只在图像向左滑动一次时起作用），我还希望它在所有图像上都设置动画，并在图像集结束时转到最后一个图像

JS:

total_entries=$（“图像输入”）。长度；
var当前_指数=0；
var slider_entries=$（“#slider entries”）；
$（“#主滑块#左”）。单击（函数（）{
转到索引（当前索引-1）；
返回false；
});
$（“#主滑块#右”）。单击（函数（）{
转到索引（当前索引+1）；
返回false；
});
var go_to_index=函数（索引）{
如果（指数<0）
索引=项目总数-1；
如果（索引>总条目数-1）
指数=0；
如果（当前索引==索引）
返回；
var left_offset=-1*索引*720；
滑块项.stop（）.animate（{“left”：left_offset}，250）；
//description_container.stop（）.animate（{“left”：left_offset}，250）；
当前指数=指数；
};

HTML:

每个图像的总宽度为720px 滑块条目的总数为

---

谢谢

您对total_entries变量有问题。 首先，您需要在前面添加一个“var”，以定义它是一个新变量。 其次，您忘记了在HTML代码中搜索类时使用“.”（点）

您的第一行应该是：

var total_entries = $(".image-entry").length; var total_entries=$（“.image entry”）.length；

---

希望它能起作用；-）

啊，是的，它成功了，谢谢：）我不知道我怎么会错过这个。有时只需要第二组眼睛就可以了解这种感觉——上周花了几乎半天的时间让我的脚本在IE中工作，因为我忘记了“var”，这对于javascript在IE中工作至关重要；-）

<div id="slider">
    <div id="slider-entries">
        <div class="image-entry">
            <img src="http://placekitten.com/720/230" />
        </div>
        <div class="image-entry">
            <img src="http://placedog.com/720/230" />
        </div>
        <div class="image-entry">
            <img src="http://placedog.com/720/230" />
        </div>
    </div>
</div>

var total_entries = $(".image-entry").length;