2

関数に基づいてjQueryでクロスフェード イメージ ギャラリーを作成する際に問題があり.animate()ます - 次のイメージのフェードインを修正してスムーズなクロスフェードを作成する方法がわかりません (ie8 互換性あり)。 https://jsfiddle.net/Vimpil/fqhc1e9m/

$(".min_gal_small_img").click(function(event) {
  var img_data = $(this).data("big-image");
  $(".min_gal_big_img").animate({opacity: "0"},"400");
   $(".min_gal_big_img img").attr({"src": img_data, opacity:"0"},"0");
   $(".min_gal_big_img").animate({opacity: "1"},"400");
});
4

1 に答える 1

0

jQuery.when() 関数はそれにぴったりでした。ie8でも機能していました。https://jsfiddle.net/Vimpil/5abdj39s/

 $(".min_gal_small_img").click(function(event) {

var img_data = $(this).data("big-image");

$.when($(".min_gal_big_img").animate({
  opacity: "0"
  }, "400")).done(function(x) {

  $(".min_gal_big_img img").attr({
    "src": img_data,
    opacity: "0"
  }, "0");

  $(".min_gal_big_img").animate({
    opacity: "1"
  }, "400");
});

});

于 2016-09-12T08:20:19.383 に答える