jquery - jQuery Cycle 和 Backstretch 的使用

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 Cycle Backstretch

Answer 1

我有“一些”有效的解决方案。一般来说，我发现标记对于您想要实现的目标并不完美。图像必须手动隐藏，这不是一个很干净的方法！我会设置一个属性

-element 左右，其中包含用于后伸的 url...

这是我的小提琴：http: //jsfiddle.net/MBcXT/

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

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