这里列出了使用jQuery构建的42个jQuery图像库、滑块、插件和教程:
1. TN3 Gallery
TN3 Gallery是一个完整的基于HTML的可定制的图像库,包含幻灯片、转换和多个相册选项。兼容所有现代桌面和移动浏览器。由jQuery提供。
2. AD Gallery
当我编写可编辑的选择插件时,我受到了自己的启发,所以我决定再写一个。这是一个与插件类似的图片库插件,比如Thickbox和Lightbox。
3. jQuery Cycle Plugin
jQuery循环插件是一个轻量级的幻灯片插件。它的实现是基于Torsten Baldes的内隐插件,Matt Oakes的Slideshow插件和Benjamin Sterling的jqShuffle插件。它支持暂停、自动停止、自动匹配、在回调前/后、单击触发器和许多转换效果。它也支持,但不需要,元数据插件和放松插件。
4. Pikachoose
Pikachoose是一个轻量级的Jquery插件,它可以轻松地显示照片,并可以选择幻灯片、导航按钮和自动播放。pi咔oose被设计成易于安装,易于安装,并且……一切都很简单。
5. Galleria
Galleria是一个用jQuery编写的javascript图像库。它从无序列表中逐个加载图像,并在加载每个图像时显示缩略图。它将为你创建缩略图,如果你选择这样,缩放或不缩放,中心和裁剪在一个固定的缩略图框,由CSS定义。
6. s3Slider
s3Slider jQuery插件是由jd的光滑幻灯片脚本编写的。我需要一些类似于jQuery的东西(我的网站kruskica.net)。因为我在一个小的研究之后没有发现它,所以我决定自己去做。
7. Popeye
Popeye从无序的图像列表中生成一个内嵌的图像库。画廊的特点是巧妙的内联图像放大,即放大后的图像延伸到网站内容,而不增加整个网站的视觉覆盖。它与原始坐标的一个边缘保持固定,因此在用户界面和交互中创建了一种内聚性。
8. Easy Slider
简单的滑块可以使图像或任何内容水平或垂直地滑动点击。它可以单独使用css进行配置。所以,基本上你链接到插件文件,设置内容和样式它与css。
9. Galleriffic jQuery Plugin
Galleriffic的灵感来自于Mike Alsup的循环插件,但由于其提供了大量的照片,所以有了性能。这是我第一次用jQuery做实验,所以我很喜欢关于如何改进这个插件的反馈。我在拼写方面不是很好,后来我意识到,拼写更恰当的拼写应该是“Gallerific”或“Gallerrific”,但现在已经来不及更改名字了,所以“Galleriffic”仍然保留着。
10. Create a Beautiful jQuery Slider
本教程将介绍如何使用图像描述和名称开发创建漂亮的jQuery sliders教程。
11. Flickr Gallery
flickrGallery是一个用于jQuery的开源图片库,它允许您动态地从Flickr的photoset中提取图像。
12. slideViewer
slideViewer是一个轻量级(1.5Kb)的jQuery插件,它可以通过只写几行HTML(如无序的图像列表)来立即创建一个图像库。
13. jFlow
一个漂亮的漂亮的照片滑块。
14. CrossSlide
CrossSlide是一个jQuery插件,它在Javascript中实现一些常见的slide-show动画,
传统上只能通过Adobe Flash或其他专有插件对web开发人员可用。CrossSlide构建于jQuery的动画工具之上,因此它可以像jQuery一样在浏览器中移动(很多)。
15. Image Flow
图像流的灵感来自苹果的封面流。javascript呈现覆盖流效果,没有明显的缺陷。键盘导航(箭头键),鼠标滚动和拖动被支持。非常酷的脚本使用。
16. Spacegallery
又是一张图片画廊。
17. Create an Image Rotator with Description (CSS/jQuery)
图像旋转器是显示投资组合件、电子商务产品图像或甚至是一个图像库的好方法。尽管已经有很多很棒的插件,本教程将帮助您理解图像旋转器是如何工作的,并帮助您从头创建自己。
18. Create a Slick and Accessible Slideshow Using jQuery
在这个深度的web开发教程中,您将了解如何使用HTML、CSS和JavaScript (jQuery)为站点创建一个可用的和web可访问的slideshow小部件。在这个过程中,您将看到逐步增强的概念。
19. Fancy Thumbnail Hover Effect with jQuery
最近,我正在检查一些漂亮的闪光画廊,发现了一个我非常喜欢的效果。我突然有一种强烈的冲动,想要复制这种效果,但是使用了我的面包和黄油(CSS和jQuery)。我想我应该和大家分享一下,也许你们中的一些人会觉得这很有用。
20. Sliding Image Gallery
这个插件背后的想法是显示不同数量的图片在一个有吸引力和容易使用的方式。这个插件的灵感来自于这个iTunes相册查看器。SlidingGallery插件将获取一组图像,并将它们转换成用户可以单击的循环图像库。
21. Thickbox
ThickBox是在jQuery库顶部用JavaScript编写的网页UI对话小部件。它的功能是显示单个图像、多个图像、内联内容、iframe内容,或通过AJAX在混合模式中服务的内容。
22. GalleryView jQuery Plugin
GalleryView是一个content-gallery插件,可以在动画画廊视图中显示任何HTML内容。访问项目主页的文档和演示。
23. Simple JQuery Image Slide Show with Semi-Transparent Caption
我将向您展示如何创建一个带有jQuery半透明标题的简单图像幻灯片。这个例子适合显示新闻标题,或图片幻灯片显示在你的网站首页。
24. Full Screen Image Gallery Using jQuery and Flickr
我刚刚完成了一个小项目,我在空闲时间做了一段时间的工作。它是一个完整的屏幕图像库,自动缩放图像与保持纵横比来填充浏览器的背景。我还添加了一个flickr搜索引擎,缩略图,标题,预加载器和其他一些好东西。
25. jQuery lightBox plugin
jQuery lightBox插件很简单,优雅,低调的,不需要额外的标记,用于覆盖当前页面上的图像通过jQuerys选择器的能力和灵活性。
26. Simple Controls Image Gallery
简单的控制图库旋转并显示一个图像,通过将它移到前面的视图,当鼠标滚动到图库时,会弹出导航控件。
27. Smooth Div Scroll
平滑的Div滚动是一个jQuery插件,滚动内容水平向左或向右。除了许多为jQuery编写的滚动插件之外,平滑的Div滚动并不限制滚动到不同的步骤。作为插件的名字,滚动是平滑的。
28. Supersized
那么,超大规模到底有什么作用呢?
调整图像以填充浏览器,同时保持图像尺寸比;
循环图像/背景通过幻灯片和过渡和预加载;
导航控制允许暂停/播放和前进/后退;
29. Simple jQuery Slideshow
为了遵循jQuery的“少写多做”的原则,让我们编写一个简单的幻灯片,使用jQuery、JavaScript和一些CSS。
30. Innerfade
inner淡出是jquery - javascript库的一个小插件。它的设计是让你在容器内外的任何元素都消失。
这些元素可以是你想要的任何东西,例如图像、列表项、div。简单地为你的投资组合或广告制作你自己的幻灯片。创建一个新的标签或做一个动画。
31. EOGallery
EOGallery是一个网络动画幻灯片画廊女仆与jQuery。它只使用基本的jQuery函数和Cody Lindley的Thickbox来显示更大的图片。
32. jCarousel Lite
jCarousel Lite是一个jQuery插件,它可以让您在充满图像和HTML内容的旋转木马上运行。简单地说,您可以在carouselstyle小部件中导航图像和/或HTML。它的重量非常轻,大约有2kb大小,但是非常灵活和可定制,以满足我们的大部分需求。
33. jQuery Image Strip
它有很多真实的用途,但我喜欢使用的方式是为了花哨的视觉效果。
34. Image preview
剧本太简单了,太伤人了!最好的方法是它可以应用于各种各样的目的。
35. Building a jQuery Image Scroller
在本教程中,我们将构建一个图像滚动条,利用jQuery的优秀动画特性,并通常使用代码来获得一些乐趣。
36. Create a Resizable Image Grid with jQuery
使用jQuery创建可调整的图像网格。
37. jQuery Thumbs
jThumb动态地将图像和/或链接图像与一个div绑定在一起。您可以在css文件中添加一个特定的大小(宽度和高度)。而且还可以自动地将图像置于框架内。
jThumb是使用jQuery、obstrusive Javascript和CSS由Joan Piedra开发的。
38. jCrop
jCrop是在web应用程序中添加图像裁剪功能的快捷方式。它结合了一个典型的jQuery插件的易用性,它有一个强大的跨平台DHTML裁剪引擎,它忠实于熟悉的桌面图形应用程序。
39. PanView
创建一个泛视图,按住鼠标左键并开始移动。
40. ImageCube
一个jQuery插件,它设置一个分区在图像(或其他东西)之间旋转,就好像它们是在一个立方体的表面上一样。
41. jQZoom
JQZoom是一个在流行的jQuery javascript框架顶部构建的javascript图像放大镜。jQzoom是一个伟大的和非常容易使用的脚本放大你想要的。
42. Create Sliding Image/Reveal Content
刚才有人问我关于这个效果的问题,我想我应该做一个关于这个的教程。因为这是我第一次这样做,所以我期望有很多的批评。
43. Creating an Image Slider
基本上,您将创建一个jquery效果。当一个支架在上方的图像上盘旋时,就可以看到下面的图像。
举报/反馈