2016-03-28 2 views
0

左鍵工作正常,但是當我點擊右鍵時,所有項目都淡出,沒有任何淡入淡出。我如何解決我的問題?圖像滑塊的下一個按鈕不起作用。 [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> 
+0

結賬指數,LastItem和值與firstItem每次,你可以ownself得到的結果。 –

+0

有12個li項目。我從FirstItem中獲得0,從LastItem中獲得11。我嘗試了alert(index); , 像你說的。我得到了正確的索引,但是有些事情是錯誤的。 –

+1

你可以請小提琴嗎? –

回答

0
 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(); 
     }); 
相關問題