Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 反向图像循环_Jquery_Image_Loops_Gallery - Fatal编程技术网

Jquery 反向图像循环

Jquery 反向图像循环,jquery,image,loops,gallery,Jquery,Image,Loops,Gallery,好的,我在网上找到了一个脚本,我忘了它的来源 但基本上,每次单击图像时,它都会向前移动,列表会隐藏并显示图像 从那以后,我对它进行了广泛的修改 但是它被卡住了: <script type="text/javascript"> $(document).ready(function () { var count = $('.image_news').length; $("#total").text(count); $('.image_news:gt(0)').hide(); var $

好的,我在网上找到了一个脚本,我忘了它的来源

但基本上,每次单击图像时,它都会向前移动,列表会隐藏并显示图像

从那以后,我对它进行了广泛的修改

但是它被卡住了:

<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>

$(文档).ready(函数(){
变量计数=$('.image_news')。长度;
$(“#总计”)。文本(计数);
$('.image_news:gt(0)').hide();
var$slides=$('.image_news');
$slides。单击(函数(){
变量$current=$(本);
if($current.is($slides.last())){
$(“当前”)文本(“1”);
$current.hide();
$slides.first().fadeIn(1000.show();
}
否则{
$(“#当前”).text($current.next().index()+1);
$current.hide().next().fadeIn(1000.show();
}
});
});
$(文档).ready(函数(){
变量计数=$('.image_news')。长度;
$(“#总计”)。文本(计数);
$('.image_news:gt(0)').hide();
var$slides=$('.image_news');
变量$backarrow=$('.backarrow');
$backarrow.单击(函数(){
var$current=$slides;
if($current.is($slides.first())){
$(“#当前”)。文本(计数);
$current.hide();
$slides.last().fadeIn(1000.show();
}否则如果(!$($current.is($slides.last())){
$(“#当前”).text($current.prev().index()-1);
$current.hide().prev().fadeIn(1000.show();
}否则{
}
});
});
我指定了一个新的图像来检查我们在循环中的位置,但是在第一次单击之后它就卡住了

重新返回

我一辈子都搞不清楚我的逻辑错误在哪里

以下是活动页面:

任何意见都将不胜感激

G

想要成为:

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

似乎对我来说很好,我可以点击你网站上的所有6张图片。转发是的。reverse,no=(gluzio.com它现在正在反向工作,但有点跳跃。我要看看原因。你是个弗里金天才!!!!!我还必须修改:$(“#当前”).text($current.prev().index()-1);$current.hide().prev().fadeIn(1000)。show();to$(“#当前”).text($current.next().index()-1)$current.hide().prev().fadeIn(1000.show();非常欢迎你,朱塞佩。你的网站看起来很棒。
$backarrow.click(function () {
    var $current = $slides.filter(':visible:first');