我使用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
}
});
});