非常简单的jQuery滑动照片

非常简单的jQuery滑动照片,jquery,html,css,animation,slide,Jquery,Html,Css,Animation,Slide,所以我正在寻找一个基本的jQuery照片卷轴类型的东西放在我网站的主页上,我找到了这个页面 我想要的只是一张普通的(没有文本,没有箭头可切换),每5秒滑动一张新照片。。。很简单 我发现。。。这正是我想要的,非常简单,除了它使用交叉淡入淡出而不是水平滑动 我还发现,它看起来比我需要的复杂得多,但有我想要的过渡 将两者结合起来最简单的方法是什么,因此我有一个非常简单的自动图像幻灯片(没有文本或箭头),但它使用了“easy slide”插件中的良好转换?是一个非常广泛的jquery插件,您可以使用它。

所以我正在寻找一个基本的jQuery照片卷轴类型的东西放在我网站的主页上,我找到了这个页面

我想要的只是一张普通的
(没有文本,没有箭头可切换),每5秒滑动一张新照片。。。很简单

我发现。。。这正是我想要的,非常简单,除了它使用交叉淡入淡出而不是水平滑动

我还发现,它看起来比我需要的复杂得多,但有我想要的过渡

将两者结合起来最简单的方法是什么,因此我有一个非常简单的自动图像幻灯片(没有文本或箭头),但它使用了“easy slide”插件中的良好转换?

是一个非常广泛的jquery插件,您可以使用它。 使用它,您可以想走多远就走多远,但基础知识恰恰支持您所需要的

看看这个例子:

html:

脚本:

$('.pics').cycle({ 
    fx: 'scrollHorz',
    timeout: 5000,
    speed: 500
});
你可以使用更多或更多,但这些基本的是你所要求的

编辑: 甚至还有一个jquery.cycle插件,它也可以满足您的所有要求,并且省略了一些您不需要的更高级的东西。 这个lite插件的优点是,它比完整的插件小得多。对最终用户更好。

是一个非常广泛的jquery插件,您可以使用它。 使用它,您可以想走多远就走多远,但基础知识恰恰支持您所需要的

看看这个例子:

html:

脚本:

$('.pics').cycle({ 
    fx: 'scrollHorz',
    timeout: 5000,
    speed: 500
});
你可以使用更多或更多,但这些基本的是你所要求的

编辑: 甚至还有一个jquery.cycle插件,它也可以满足您的所有要求,并且省略了一些您不需要的更高级的东西。 这个lite插件的优点是,它比完整的插件小得多。更适合最终用户。

是不错的选择。只有15kb已打包,您可以根据需要进行配置

一旦您使用nivo幻灯片,您就无法返回…

是一个不错的选择。只有15kb已打包,您可以根据需要进行配置

一旦打开nivo幻灯片,就无法返回…

$('.pics').cycle({ 
    fx: 'scrollHorz',
    timeout: 5000,
    speed: 500
});