淘先锋技术网

首页 1 2 3 4 5 6 7

carouFredSel是一款jQuery插件,用于创建响应式的全屏幻灯片。它可以用于创建各种不同类型的幻灯片,如横向滚动幻灯片,垂直滚动幻灯片,以及一个图像列表滚动幻灯片。

$(function() {
$('#carousel').carouFredSel({
responsive: true,
circular: true,
items: {
visible: 1,
width: 500,
height: "56%"
},
scroll: {
fx: 'fade',
duration: 1000,
onBefore: function(data) {
var src = data.items.visible.first().attr('src');
src = "url(" + src + ")";
$('body').css('background-image', src);
}
},
auto: {
timeoutDuration: 5000,
pauseOnHover: true
}
});
});

如上所示,您可以通过调整选项和参数轻松配置并实现您想要的幻灯片效果。幻灯片可以通过数据源加载图像,如网页上的图像,或者通过HTML的节点列表。

此插件具有动画,响应式设计和可配置项,可创建任意想要的移动类型。所有这些都可以通过简单的JavaScript实现,无需任何特殊的知识。