0

こんにちは – 以下のコード (私のものではありません) を使用して画像をフェードイン/フェードアウトしますが、フェードイン フェードアウト効果をスライド効果 (スライダー プラグで見られるものと同様) に置き換えたいと考えています。フェード効果を次のコードに置き換えようとしました("slide", { direction: "left" }, 1000);が、構文が正しくありません。どうすればそれを機能させることができますか？どうもありがとう

FADE-IN FADE-OU を使用した元のコード

var images = [

  'path/to/image1.jpg',
  'path/to/image2.jpg',
  'path/to/image3.jpg',

];

var index = 0;

setInterval(change_up, 1000);

function change_up(){

  index = (index + 1 < images.length) ? index + 1 : 0;

  $('.block').fadeOut(300, function(){

    $(this).css('background-image', 'url('+ images[index] + ')')

    $(this).fadeIn(300);

  });
}

スライド効果のある変更されたコードが機能しない

var images = [

  'path/to/image1.jpg',
  'path/to/image2.jpg',
  'path/to/image3.jpg',

];

var index = 0;

setInterval(change_up, 1000);

function change_up(){

  index = (index + 1 < images.length) ? index + 1 : 0;

  $('.block'). ("slide", { direction: "left" }, 1000);
 (, function(){

    $(this).css('background-image', 'url('+ images[index] + ')')

    $(this). ("slide", { direction: "left" }, 1000);

  });
}
4

1 に答える 1

0

jQuery UI を使用している場合は、次のように実行できます。

$('.block').show("slide", function() {
    // Do what do you want
});

ソース: http://api.jqueryui.com/slide-effect/

于 2013-09-30T14:03:06.263 に答える