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');