jquery - jQueryサイクルとバックストレッチの使用法

Question

私はこれらのプラグインの両方を組み合わせようとしています。私が達成しようとしている使用法の例は次のとおりです。

<ul class="slide">
  <li><img class="bg" src="imageurl"><p>blahblah</p></li>
  <li><img class="bg" src="imageurl2"><p>blahblah</p></li>
</ul>

<script>
 $('.slide').cycle({
   fx: 'fade'
});
$('.slide).backstretch(+$('.bg').attr('src')+);
</script>

私は何が間違っているのですか？

プラグインのURLサイクル バックストレッチ

Answer 1

機能する「いくつかの」ソリューションがあります。一般的に、マークアップはあなたが達成したいことに対して完璧ではないと思います。画像は手動で非表示にする必要がありますが、これはあまりきれいな方法ではありません! に属性を設定します

-バックストレッチのURLを含む要素など...

これが私のフィドルです：http://jsfiddle.net/MBcXT/

$(document).ready(function(){
    function onBefore(curr, next, opts){
        $(next).backstretch($(next).children('img').prop('src'));
    };

 $('.slide').cycle({
     before: onBefore
 });
});