33个优秀的 jQuery 图片展示插件分享

最新推荐文章于 2019-07-30 14:42:43 发布
最新推荐文章于 2019-07-30 14:42:43 发布
阅读量776 收藏 1
点赞数
文章标签： 插件 图片 JavaScript jquery

这篇文章收集了33个优秀的 jQuery 图片插件分享给大家。jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，其中最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入一些精美的效果，给访问者对网站留下非常好的印象。

1. Foxibox

2. MobilySelect

3. MobilySlider

4. Diaporama

5. Flipping Book Image

6. Spherical Panorama Viewer

7. Panel Gallery

8. Gallerybox

9. Hover Image

10. Image Cube

11. Image Fading

 

12. Elixon

13. Dual Slider

14. Blockster

15. bgFlow

16. Blended jQuery Plugin

17. 3D Cloud Carousel

Jqueryimage481 in Cool and Useful jQuery Image and Content Sliders and Slideshows

18. Start Stop Slider

jQuery 灯箱插件

19. Polaroid Photobar

20. Better Image Slide Show

jQuery 灯箱插件

21. Fancy Thumbnail

jQuery 灯箱插件

22. Sliding Gallery

23. Coin Slider

24. PikaChoose

25. Looped Slider

26. Des Slide Show

27. Element Stack

28. Featurify

29. FuFade Transition

jQuery 灯箱插件

30. Image Zoom

jQuery 灯箱插件

31. FoxiSwitch

32. BXSlider

jQuery 灯箱插件

33. MobilyBlocks

jQuery 灯箱插件


http://www.cnblogs.com/lhb25/archive/2011/07/20/33-mega-jquery-image-plugins-collection.html

 

雨竹0011111
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jQuery漂亮的气泡效果 随机头像显示
12-15
头像随机显示，鼠标滑动有气泡效果。风格属于前卫时尚的效果。
展会漂亮的JS例子
09-27
展会漂亮的JS例子
jquery图片展示插件
07-06
jquery图片展示插件,超漂亮jquery图片展示插件，相信你的网站中一定会用到
web端图片展示插件
09-19
web端图片展示插件、功能强大。无需jQuery减少js冲突。使用简单、方便。支持键盘操作上一张、洗一张。支持缩略图、拖动、放大、缩小、等功能。
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
12-11
下面向大家分享精心挑选的23款优秀 jQuery 图片特效插件，带给你美轮美奂的图片展示效果。  01. 3D Image Slider 非常非常酷的 3D 图片滑动效果，有五种绚丽的效果演示。     在线演示 下载源码  02. Portfolio...
jquery图片预览插件.zip
08-06
1. **多图识别切换**：此插件能够识别并处理多个图片链接，用户可以在预览模式下通过点击或滑动轻松切换不同图片，这在处理多图片展示的场景中非常实用。 2. **手势缩放**：利用手机触屏设备的手势识别功能，用户...
30个最好的jQuery 灯箱插件分享
10-28
jQuery Lightbox插件是网页设计和开发中常用的一种工具，用于在用户点击图像链接后以弹出窗口（也称为“灯箱”效果）的形式展示图片或其他媒体内容，从而提供更好的用户体验。以下是一些最佳的jQuery Lightbox插件的...
8个用于图片展示的jQuery插件及教程推荐
hyb3280660的专栏
11-02 670
1. Nivo Slider Nivo Slider是世界知名的轻量级jQuery图片幻灯片插件，可以制作出很漂亮的效果。它完全免费且彻底开源。 2. Sponsor Flip Wall With jQuery & CSS Sponsor Flip Wall是一个非常不错的显示数据到网格里的插件，它使用PHP、CSS与jQuery翻转插件制作而成，其实就是
jQuery Lightbox（balupton版）图片展示插件使用
Truong的专栏
03-28 1266
一、信息 原作者：Benjamin Arthur Lupton 当前版本：v1.3.7最终版 发布日期：2009年4月25日 项目地址：http://jquery.com/plugins/project/jquerylightbox_bal 翻译编辑：张鑫旭(zhangxinxu) 中文demo: http://www.zhangxinxu.com/jq/balupton_zh/dem
HTML5相册浏览插件
weixin_30719711的博客
11-30 546
在线演示 本地下载 转载于:https://www.cnblogs.com/qixidi/p/10047306.html
强大的图片展示插件,JQuery图片预览展示插件
weixin_30279671的博客
04-27 288
只需要引入JQuery.js , viewer.css 和viewer.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="h...
做PPT不要傻乎乎直接插入图片，一键处理，秒变高逼格
热门推荐
cenfeng的博客
07-30 1万+
做PPT的时候还是只会傻乎乎插入普通图片？图片可是PPT的最吸引人注意的重点，是整个PPT的灵魂。图片用得好，PPT自然就变高级了！来看看PPT都有哪些处理照片的方法！ 一、OK插件 【OK插件】是一款免费的Office第三方插件，在官网就可以免费下载！功能包括图片处理、表格处理、音频处理等。非常高逼格，下载后可以直接在PPT工具栏找到，一键处理照片！（找不到下载地址可以评论，小编发给您~） ...
相册选择插件集成说明
qq_42553673的博客
06-04 433
相册选择插件集成说明 功能： 打开安卓或苹果的原生相册，选择照片或者视频，完成后返回文件路径，可以根据路径进行文件读取。 插件名称： Image and Video Picker 集成步骤： 把ImageAndVideoPicker->Prefab->PickerEventListener放入到场景内 增加相册操作的回调方法，可以参考ImageAndVideoPicker-&g...
jQuery flickity 滑动触屏
zaixianshouce的博客
08-23 665
flickity是一款自适应手机触屏滑动插件，它的API参数很丰富，包括对齐方式、循环滚动、自动播放、是否支持拖动、是否开启分页、是否自适应窗口等。 在线实例 实例演示 使用方法 &lt;div class="hero-gallery js-flickity"&gt;      &lt;div class="hero-gallery__cell hero-gallery__ce...
JS让本地图片预览不再难-jquery插件
weixin_33920401的博客
04-08 171
为什么80%的码农都做不了架构师？>>> ...
jQuery横向手风琴图片展示插件
最新发布
05-17
你好，以下是一个简单的jQuery横向手风琴图片展示插件的示例代码： HTML代码： ``` <div class="accordion"> <div class="accordion-item"> <img src="image1.jpg"> <div class="accordion-item-title">Image 1</div> </div> <div class="accordion-item"> <img src="image2.jpg"> <div class="accordion-item-title">Image 2</div> </div> <div class="accordion-item"> <img src="image3.jpg"> <div class="accordion-item-title">Image 3</div> </div> </div> ``` CSS代码： ``` .accordion { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; } .accordion-item { width: 100vw; min-width: 300px; height: 100%; scroll-snap-align: start; position: relative; } .accordion-item img { width: 100%; height: 100%; object-fit: cover; } .accordion-item-title { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1.5rem; padding: 0.5rem; } ``` jQuery代码： ``` $(document).ready(function() { $('.accordion').on('scroll', function() { // 当前选中的手风琴项 var $activeItem = null; // 手风琴项的宽度 var itemWidth = $('.accordion-item').outerWidth(); // 计算当前选中的手风琴项 $('.accordion-item').each(function() { var itemLeft = $(this).offset().left - $('.accordion').offset().left; if (itemLeft <= $(window).width() / 2 && itemLeft + itemWidth > $(window).width() / 2) { $activeItem = $(this); return false; } }); // 更新手风琴项的样式 $('.accordion-item').removeClass('active'); $activeItem.addClass('active'); }); }); ``` 这个插件使用CSS的scroll-snap-type和scroll-snap-align属性来实现手风琴效果，使用jQuery监听滚动事件并计算当前选中的手风琴项，最后更新手风琴项的样式来实现手风琴效果。你可以根据具体需求对CSS和jQuery代码进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值