jQueryの目に見えるセレクタは、私はこの単純なコード<a href="http://jsfiddle.net/U4Fj9/" rel="nofollow">http://jsfiddle.net/U4Fj9/</a> 可視画像のインデックスを持って正しいインデックス

Question

を返さない可視画像が最初の1 ありながら、最後の画像である、常に3である私は「それは非常に簡単です知っていることができますが、私のコードに何か問題があるのを見てもらえませんか？

Answer 1

は、視認性のhttp://api.jquery.com/visible-selector/

要素を見る：隠された又は不透明度：0は、それらがまだレイアウトのスペースを消費するので、可視 であると考えられます。要素を非表示にする アニメーションの間、要素はアニメーションの最後まで表示される と見なされます。 要素を表示するアニメーションでは、要素は最初に アニメーションで表示されていると見なされます。

このメソッドは、元の1のreplacmentのはあなたの問題を解決するよう：

$(document).ready(function() { 
    $(".show img").css("display","none"); 
    $(".show img:first").css("display","inline"); 
    var curImg = $(".show img").filter(":visible").index(); 
    $(".curindex").html(curImg); 
}); 

Answer 2

はこれを試してみてください：

$(document).ready(function() { 
$(".show img").css("display","none"); 
$(".show img:first").css("display","block"); 
var curImg=$('.show img:visible'); 
var i= $("img").index(curImg); 
$(".curindex").html(i); 
});