分类目录归档:jQuery焦点图插件

jQuery百叶窗动画焦点图插件 个性化图片切换按钮

今天要给大家分享一款非常酷的jQuery百叶窗动画焦点图插件,它的特点是图片切换均采用百叶窗的样式风格,但是通过横向百叶窗和纵向百叶窗的区分,让整个焦点图不显单调。另外这款jQuery焦点图插件的图片切换按钮非常个性化,除了左右切换箭头,还有底部的任意图片切换按钮,其风格都与我们之前介绍的焦点图有很大的区别。

jquery-blind-slider

在线演示源码下载

精美的jQuery首屏产品展示焦点图插件

这是一款非常精美而简洁的jQuery产品展示焦点图插件,首先图片的切换过渡动画采用淡入淡出的动画特效,其次图片上方左右悬浮两个切换按钮,当鼠标滑过图片时,这两个切换按钮就会显示出来。同时我们也可以点击图片下方的一排按钮切换到任意一张图片。

jquery-product-slider

在线演示源码下载

jQuery/CSS3 全屏垂直焦点图插件 3D立体翻转切换

这是一款非常不错的jQuery/CSS3全屏焦点图插件,它的特点是切换图片时,图片和图片描述分左右两屏,分别会进行3D翻转分离后拼接,全屏展示非常大气。同时,这款焦点图插件的切换按钮放在有侧边,点击任意小按钮即可切换至相应的图片。

jquery-css3-3d-image-player

在线演示源码下载

基于Swiper.js的移动端图片滑块插件 支持自动播放和拖拽

Swiper是目前较为流行的移动端内容滑块插件,底层是基于JavaScript的。今天要分享的这款Swiper.js移动端图片滑块插件功能十分强大,和其他jQuery焦点图插件类似,Swiper也提供图片滑动切换功能,并且支持左右箭头切换和悬浮图片上方的圆形链接点进行快速切换。另外,Swiper还支持自动播放或鼠标拖拽滑动。

swiperjs-image-player

在线演示源码下载

jQuery多图块批量切换焦点图插件

这又是一款比较实用的jQuery焦点图插件,它的特点是内容块切换时并不是逐个切换,而是一组组批量切换,你可以将内容块设置成文字,也可以设置成小图片,应用范围非常广泛。整个焦点图显得比较简易,但还是比较实用的。

jquery-mult-block-slider

在线演示源码下载

简易实用的jQuery自动播放焦点图插件

这次我们要为大家分享一款很实用的jQuery焦点图插件,它并没有非常华丽的切换动画,仅仅是简单的左右滑入滑出动画。也正是它的简单,这款jQuery焦点图插件的使用也就非常方便,我们只需要引入脚步库后进行简单的设置即可集成到你的网页中去了。

jquery-easy-auto-image-player

在线演示源码下载

jQuery/CSS3 3D旋转图片切换焦点图插件

这是一款比较特别的焦点图插件,前面我们分享的jQuery焦点图插件大部分都是平面图片的切换,再配合多种切换动画,比如这款底部带缩略图的jQuery轮播焦点图。今天我们要给大家分享的是一款jQuery/CSS3 3D旋转图片切换焦点图插件,主要有两种模式,一种是页面上始终只有一张图片,通过3D反转切换下一张图片;另外一种是多张图片进行3D立体排列,通过图片立体平移实现多图切换,这两种图片切换模式可以应用在不同的场合中,非常方便。

jquery-css3-3d-rotate-player

在线演示源码下载

jQuery多种百叶窗风格切换焦点图插件

今天我们要再为大家分享一款非常实用的jQuery焦点图插件,它并没有华丽的外观,但这款jQuery焦点图提供了多种百叶窗风格的图片切换方式,每一种百叶窗风格都是随机产生的。另外这款jQuery多百叶窗风格切换焦点图插件支持悬浮文字描述,同时也支持自动播放。相信它可以为你的网页增添饱满的图片切换功能。

jquery-blinds-player

在线演示源码下载

超实用的jQuery淡入淡出焦点图插件 带3D相框

这是一款基于jQuery和CSS3的焦点图插件,这款焦点图的设计非常简单,仅仅是自动播放一系列相片,相片在切换的时候带有淡入淡出的动画特效,使用起来也十分方便。另外一个特点是,这款jQuery焦点图插件的相片外框呈现3D的效果,配合黑色的背景显得非常立体大气。

jquery-auto-fade-image-play

在线演示源码下载

jQuery SVG左右弹性切换全屏焦点图动画

今天我们要为大家分享一款非常时尚和大气的jQuery全屏焦点图动画,这款焦点图插件的特点有2个,一个是焦点图整体以全屏的方式呈现,显得非常大气,而且图片四周也有3D阴影,立体视觉效果非常独特。第二是焦点图在图片切换的时候以弹性淡入淡出的动画方式,显得相当时尚。动画采用SVG相关特性,扩展十分灵活。

jquery-svg-image-slider

在线演示源码下载