带有scrollHorz效果的MaxImage2

时间:2015-01-09 10:29:19

标签: jquery jquery-cycle maximage2

我使用MAXIMAGE 2制作简单的图片幻灯片。我尝试使用水平滚动效果(即fx:scrollHorz)。 JSFiddle是here

问题是,动画过渡不会发生。它直接进入没有动画的第二张幻灯片。这是MAXIMAGE 2的错误吗?

HTML:

<!-- Maximage / Cycle -->
<div id="maximage">
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/coalesse.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/wall_portrait.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/laughing.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/pattern.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/roof_shooting.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/man.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/coffee_shop.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/gas_station.jpg" alt="" />
</div>

JS:

$(function() {
    var imgs = $('#maximage img');
    imgs.sort(function() { return 0.5 - Math.random() });
    $('#maximage').html( imgs );

    $('#maximage').maximage({
        cycleOptions: {
            fx: 'scrollHorz',
            speed: 3000
        }
    });
});

0 个答案:

没有答案