图像滑块的下一个按钮不起作用。 [JQUERY]

左键工作正常，但是当我点击右键时，所有项目都淡出，没有任何淡入淡出。我如何解决我的问题？图像滑块的下一个按钮不起作用。 [JQUERY]

JQUERY

var LastItem = $("ul#rew > li:last-child").index(); 
var FirstItem = $("ul#rew > li:first-child").index(); 
$(".gallery_items i#sag").click(function() { 
    $("ul#rew > li").children("img").hide(); 
    index++; 
    if(index == LastItem) { index = FirstItem; } 
    $("ul#rew > li").eq(index).children("img").fadeIn(300); 
}); 

$(".gallery_items i#sol").click(function() { 
    $("ul#rew > li").children("img").hide(); 
    index--; 
    $("ul#rew > li").eq(index).children("img").fadeIn(300); 
    if(index==FirstItem) {index=LastItem;} 
});

HTML

<ul id="rew" class="gallery_content"> 

    <li> 
     <div class="gallery_image" style="background-image:url(IMG/gallery/thumb/rew2010_1.jpg);"><span>2010</span></div> 
     <img src="IMG/gallery/rew2010_1.jpg" alt="REW" style="display: none;"> 
    </li> 

    <li> 
     <div class="gallery_image" style="background-image:url(IMG/gallery/thumb/rew2010_2.jpg);"><span>2010</span></div> 
     <img src="IMG/gallery/rew2010_2.jpg" alt="REW" style="display: none;"> 
    </li> 

    ................... 

</ul>

来源

2016-03-28 Mustafa Söylemez

结账指数，LastItem和值与firstItem每次，你可以ownself得到的结果。 –

有12个li项目。我从FirstItem中获得0，从LastItem中获得11。我尝试了alert（index）; ，像你说的。我得到了正确的索引，但是有些事情是错误的。 –

你可以请小提琴吗？ –

 var index; 
     var LastItem; 
     var FirstItem; 

     $("ul#rew > li").click(function() { 
      $("ul#rew > li > img").hide(); 
      $(this).children("img").fadeIn(300); 
      $("#gallery_image_background").fadeIn(300); 
      $(".gallery_items > i").fadeIn(300); 
      index = $(this).index(); 
      LastItem = $("ul#rew > li:last-child").index(); 
      FirstItem = $("ul#rew > li:first-child").index(); 
     });

来源

2016-03-28 12:36:47 derloopkat

图像滑块的下一个按钮不起作用。 [JQUERY]

回答

相关问题