1

フルスクリーンのスライドショーに超大型のJQueryプラグインを使用しています。ここでデモを見ることができます：http：//buildinternet.com/project/supersized/slideshow/3.2/fade.html

画像の上にキャプションを配置してcssを変更しました（絶対に配置）。スライドが変更されるたびに、キャプションが非表示になり、新しいスライドの上に再び表示されます。キャプションを必要に応じてフェードインおよびフェードアウトさせようとしていますが、jsをこのように機能するように変更する方法がわかりません。

キャプションを制御するプラグインの部分は次のとおりです。

// Update slide caption
if ($(vars.slide_caption).length){
    (api.getField('title')) ? $(vars.slide_caption).html(api.getField('title')) :      $(vars.slide_caption).html('');
}

このコードで動作を変更する方法はありますか？

4

1 に答える 1

2

これは私のために働く：

if ($(vars.slide_caption).length){
  (api.getField('title')) ? 
  $(vars.slide_caption).fadeOut("slow", function(){
    $(this).html(api.getField("title")).fadeIn("slow")
  }) :
  $(vars.slide_caption).fadeOut().html('');
}

基本的に、新しいキャプションがある場合、古いキャプションをフェードアウトし、コールバックとして新しいキャプションに置き換えて、再びフェードインします。新しいキャプションがない場合は、古いキャプションを削除する前にフェードアウトします。もちろん、「遅い」以外の速度を使用することもできます。

于 2012-10-12T23:58:58.393 に答える