Question

好的，所以我在互联网上找到了一个脚本，我忘记了源代码。

但基本上每次点击图像时，它都会向下移动列表隐藏，然后显示图像。

我已经彻底修改了它！

然而它被卡住了：

<script type="text/javascript">
$(document).ready(function () {
var count = $('.image_news').length;
$("#total").text(count);
$('.image_news:gt(0)').hide();

var $slides = $('.image_news');

$slides.click(function () {
    var $current = $(this);
    if ($current.is($slides.last())) {
        $("#current").text("1");
        $current.hide();
        $slides.first().fadeIn(1000).show();
    }
    else {
        $("#current").text($current.next().index()+1);
        $current.hide().next().fadeIn(1000).show();
    }
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
var count = $('.image_news').length;
$("#total").text(count);
$('.image_news:gt(0)').hide();

var $slides = $('.image_news');
var $backarrow = $('.back-arrow');
$backarrow.click(function () {
    var $current = $slides;
    if ($current.is($slides.first())) {
        $("#current").text(count);
        $current.hide();
        $slides.last().fadeIn(1000).show();
    }  else if (!$($current.is($slides.last()))) {
        $("#current").text($current.prev().index()-1);
        $current.hide().prev().fadeIn(1000).show();
        } else {

        }
    });
});
</script>

我分配了一个新图片来检查我们在循环中的位置，但在第一次点击后它就卡住了！

重新开始。

我不能为我的生活弄清楚我的逻辑错误在哪里......

这是活动页面：

http://www.gluzio.com

非常感谢任何输入！

Answer 1

$backarrow.click(function () {
    var $current = $slides;

希望成为：

$backarrow.click(function () {
    var $current = $slides.filter(':visible:first');

反转图像循环

1 个答案: