无法联系到div内的第n个孩子img

Question

我有这个小提琴，我想只显示默认的第一张照片并隐藏其余的照片，并用每个mousescroll更改照片。 var i由mousescroll决定，如果i＆lt; 1或i> 5，我希望操作中断，因为没有大于5或小于1的第n个孩子。

请提供您的答案。谢谢。

http://jsfiddle.net/a8FGe/6/

$(window).scroll(function(event){
   var i = 0;
   var st = $(this).scrollTop();
   if (st > 0)
   {
       var i += 1;
       if (i > 5)
       {
           return;
       }
       $("img").hide();
       $("img:nth-child(" + i + ")").show();
   }
    else
   {
       var i -= 1;
       if (i < 0)
       {
           return;
       }
       $("img").hide();
       $("img:nth-child(" + i + ")").show();
   }
});

Answer 1

你在找这样的东西吗？

<强> http://jsfiddle.net/a8FGe/7/

var i = 1;
$(document).bind('mousewheel', function (e) {

    if (e.originalEvent.wheelDelta < 0) { // scroll down
        if (i + 1 <= 5)
            i++;
        else
            return;

    } else {
        if (i - 1 >= 1)
            i--;
        else
            return;

    }
    //console.log(i);
    $("img").hide();
    $("img:nth-child(" + i + ")").show();
});