2012-01-12 11 views
1

私はJQueryとJavascriptの一般的な新機能を利用しています。私は無限スクロールのWordPressのプラグインを使用しており、テーマをカスタマイズしています。テーマでは最終的にFancybox Javascriptが呼び出されます。私はホームページ上のポスト/イメージの4x4グリッド上のイメージギャラリーとしてそれを使用します。新しいコンテンツを取得した後でスクリプトを再ロードする(無限スクロールwordpress + fancybox)

あなたは、下にスクロールすると、それはしかし、それはFancybox効果が含まれていない、16枚の新しいポストをロード(画像にさえをクリックすることはできません)

プラグインは、次の記事の後に呼ばれるようにセクション」Javascriptを持っています「読み込まれた」:ページの読み込み時に投稿コンテンツに適用される関数は、新しいコンテンツが入ったときに実行する必要があります。

Fancyboxスクリプトは、「page_templates.php」のフッターに読み込まれます。私はそれを動作させる方法を正確には分かりません。 :/

ここに私のサイトがあり、助けていただければ幸いです! My Site

答えて

3

私はfancyboxも無限スクロールも使用していませんが、ここでの論理は、無限スクロールによって取り込まれたコンテンツに対してfancyboxが自動的に起動されないというロジックです。これを明示的に行う必要があります。

何らかの方法で無限スクロールを設定できますか?

function applyFancyBoxToImages(elements){ 
    $(elements).each(function(){ 
     $(this).find('img').fancybox(); 
    }); 
} 

$(elem).infinitescroll(options,applyFancyBoxToImages(arrayOfNewElems)); 

か何かその旨を:私たちがしなければならないことは、新たに取り出された要素にfancyboxを起動するために、無限スクロールにコールバック関数を使用しているため。

+0

({ \t \t 'overlayOpacity' \tコールバック.fancybox(たnewElements)jQueryの 'のように単純であるが判明:\t 0.7、 \t \t 'overlayColor' \t \t:\t '#000000' \t \t ' transitionIn」\t \t: ''、 \t \t '弾性transitionOut' \t \t: '弾性'、 \t \t 'easingIn' \t: 'easeOutBack' \t \t 'easingOut' \t 'easeInBack' \t \t 'speedIn' \t \t \t: '700'、 \t \t 'centerOnScroll' \t:真 \t}); ':) – Xhynk

関連する問題