5

リンクをクリックすると、ケンバーン効果とフェード効果の両方を同じ画像に配置する必要があります。

私は自分のやり方でやろうとしましたが、完全には機能していません。

box12 番目の画像と同様に、クリックしたときに最初の画像をフェードしてケンバーンする必要があります。

両方の画像に JavaScript を 2 回入れました。両方の画像に1回配置する必要がありますが、各画像をフェードおよびケンバーンするにはbox1とbox2の両方をクリックする必要があります。

これを手伝ってもらえますか？

これは私の作品です。デモ

$(document).ready(function () {
    $('.box1').on('click', function () {
        $('#slideimg01').addClass('zoom'),2000;
    });
});

$(".box1").bind("click", function(e){
    e.preventDefault();
    gogo();
});

var gogo = function(){


$("#slideimg1 img").clone().appendTo("#slideimg1").hide().css({ position: 'absolute', top: 0, left: 0 });
$("#slideimg1 img:first").fadeOut(1000,'linear');
$("#slideimg1 img:last").fadeIn(1000,'linear');

};
4

1 に答える 1

0

http://api.jquery.com/で
読む必要があるそれぞれのボックスをクリックして、各画像にその効果を適用したいと思います これを行う方法が多すぎて、これが効率的だと思いますone : 1-ボックスのインデックスを取得する 2-同じインデックスを持つ画像に効果を適用する$(this), eq(), index()


これはデモです

ボックスごとに同じ jquery コードをコピーする必要はありません$(this)。代わりに使用できます。

于 2013-07-27T14:05:34.943 に答える