-3

opacity などの z-index を使用して画像をアニメーション化することは可能ですか?!

正解できないから

  On click get id clicked and to the following to the img id equal to clicked id
 $('#gallery img').eq(atrb-1).css("z-index",z++).slideUp('slow');

しかし、それはより低いzインデックスの画像を表示します

どうすればそれを回避できますか？

はい、javascriptの開始時です問題はz-indexではなく、fadeなどのz-index jqueryアニメーションです

 $("#gallery img").each(function() {
      z++;
     $(this).css('z-index', z).attr('id',z);//set z index and id

    $('#bar').append("<a href='#' id="+z+"/>");

});

#bar からリンクをクリックすると、リンクの ID が他の画像の前に表示されます

答えが見つかりました:すべての要素を非表示にし、それを再度使用して非表示の要素をフェードインするのはfadeToggleでした:)))

4

1 に答える 1

1

確かに、それは異なる z-index 間の個別の遷移であることに変わりはありません。したがって、これが何か役に立つシナリオを想像することはできません-おそらく、異なるインデックスを持つオブジェクトの山ですか?

z-index を 1 ずつ「インクリメント」しようとしているように見えますが、それは可能ですが、役に立たないでしょう。これは width:100px と width:101px の間で「アニメーション化」するようなものです

$('#gallery img').eq(atrb-1).animate("z-index",'+=1').slideUp('slow');
于 2012-05-11T21:01:43.453 に答える