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

jQuery左右切换焦点图插件 3D阴影相框

这是一款相对比较简单而实用的jQuery焦点图应用,它的特点是左右切换按钮悬浮在图片右下角,点击切换按钮即可让图片进行左右平移地切换,效果着实是简单,但是个人觉得很实用。另外还有一个特点是,这款jQuery焦点图插件带有3D阴影的相框,从而简单中稍带一点点华丽。

jquery-easy-shade-image-play

在线演示源码下载

移动端可拖拽jQuery图片切换插件 带Tooltip缩略图

这是一款很特别的jQuery焦点图插件,它和其他的图片切换插件不同,它主要在移动设备上使用,因此我们并不能像其他焦点图插件那样点击切换按钮来切换图片,而是通过滑动带Tooltip外观的缩略图来切换图片,并且图片显示时采用中心放大扩散的动画特效,效果还是不错。

jquery-tooltip-thumbnail-image

在线演示源码下载

精美的jQuery视差效果图片轮播插件

今天让我们给大家分享一款基于jQuery的视差效果的图片轮播插件,它与一般的jQuery焦点图插件相比,并不是图片之间的切换,而是各种网页元素悬浮在一张大背景图上,切换时背景逐渐移动,另外背景上的元素也会跟着切换,与之类似的还有一款jQuery视差效果的焦点图插件

jquery-parallax-image-slider

在线演示源码下载

jQuery简易平滑焦点图插件

今天要给大家介绍一款超实用的jQuery简易平滑焦点图插件,这款焦点图的扩展性非常强,主区域可以是图片,也可以是文字和视频,理论上讲可以是任意HTML元素。另外还有一个特点是可以自定义切换按钮,控制显示切换箭头还是切换按钮,还支持自动播放图片。

jquery-easy-image-player

在线演示源码下载

带投影的3D jQuery焦点图 可自适应页面大小

之前我们为大家分享很多带有3d视觉效果的jQuery/HTML5焦点图插件,比如这款jQuery/CSS3 3D旋转图片切换焦点图插件功能就非常强大。这次我们要分享的是一款带投影的3D jQuery焦点图,它的特点是利用CSS3的投影特性,让图片带有3D立体的视觉效果,同时另外一个特点是图片可以随着页面大小而自适应,可以让焦点图插件在大屏的PC页面和迷你的移动页面上均可使用。

jquery-3d-shadow-image

在线演示源码下载

jQuery带缩略图焦点图插件 淡入淡出切换效果

今天我们要给大家介绍一款相对比较实用的jQuery焦点图插件,这款焦点图插件的特点有2个,一个是每一张图片都有一个同比例尺寸的缩略图,所有缩略图都排列在下方,点击缩略图即可切换到对应的图片;另外一个特点是图片切换时出现淡入淡出的动画效果,播放十分流畅。

css3-image-slider-thumbnail

在线演示源码下载

jQuery宽屏左右切换焦点图 支持鼠标拖拽切换

这是一款很实用的jQuery宽屏左右切换焦点图,该焦点图左右两侧均有一个切换箭头按钮,点击按钮可以逐一切换图片。另外,图片下方有一排圆形切换按钮,可以跳转到任意图片。这款jQuery焦点图还有一个特点是支持鼠标拖拽切换,因此适合移动设备上使用。

jquery-drag-slider

在线演示源码下载

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

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

jquery-blind-slider

在线演示源码下载

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

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

jquery-product-slider

在线演示源码下载

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

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

jquery-css3-3d-image-player

在线演示源码下载