20 个照片及多媒体内容展播放jQuery插件
webphp 13年前
<p>在本文中，我们将一起看一看20款最好的jquery插件，你可以利用它轻松创建功能丰富的画廊。这其中的一些支持多媒体格式，比如视频和Flash，也有一些可能是老面孔了，可以说是经过时间验证，非常可靠。</p> <p>列表如下：</p> <h2>Galleriffic</h2> <p><a href="/misc/goto?guid=4958184251579910261"><img title="jquery_gallery_01.jpg" border="0" alt="jquery_gallery_01.jpg" src="https://simg.open-open.com/show/5064c6c0b74936316c14f32825f1c847.jpg" /></a><br /> Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。Galleriffic还支持分页，从而使得它能够展示更多的图片。<br /> <a class="button-med" href="/misc/goto?guid=4958184251579910261">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184253145809687">View the Demo →</a></p> <h2>jPhotoGrid</h2> <p><a href="/misc/goto?guid=4958184253886435863"><img alt="jPhotoGrid" src="https://simg.open-open.com/show/e371ba92296c2621f3e7ee6ed9a8fb8f.jpg" /></a><br /> jPhotoGrid 插件的特点是简单，用户可以放大单独的图片。<br /> <a class="button-med" href="/misc/goto?guid=4958184253886435863">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184255294592852">View the Demo →</a></p> <h2>Galleria</h2> <p><a href="/misc/goto?guid=4958184256030223468"><img alt="Galleria" src="https://simg.open-open.com/show/93e6bc2ece6cf012ee7a117a70b8f45a.jpg" /></a><br /> Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以在图片加载时执行一些动作。<br /> <a class="button-med" href="/misc/goto?guid=4958184256030223468">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184256030223468">View the Demo →</a></p> <h2>jQuery.popeye 2.0</h2> <p><a href="/misc/goto?guid=4958184258110752793"><img alt="jQuery.popeye 2.0" src="https://simg.open-open.com/show/08f49ad6ab575815bd433168fd3bd90b.jpg" /></a><a href="/misc/goto?guid=4958184258110752793"></a></p> <p><a href="/misc/goto?guid=4958184258110752793">jQuery.popeye 2.0</a> 是个高级的画廊脚本。该插件可轻松快速的部署，在行为及样式上具有很强的灵活性。<br /> <a class="button-med" href="/misc/goto?guid=4958184258110752793">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184258110752793">View the Demo →</a></p> <h2>Mobile Image Gallery Web App</h2> <p><a href="/misc/goto?guid=4958184261545948026"><img alt="Mobile Image Gallery Web App" src="https://simg.open-open.com/show/b5efe1a3c23712da6a8899bc5391303c.jpg" /></a><br /> 这个资源被称为教程更准确一些，你可以下载源文件。轻型的画廊应用，使用jTouch创建，列表以缩略图形式显示，点击后呈现大图。该应用支持移动设备，比如iPhone、iPod等。<br /> <a class="button-med" href="/misc/goto?guid=4958184261545948026">Tutorial & Downloads →</a><a class="button-med" href="/misc/goto?guid=4958184262953069443">View the Demo →</a></p> <h2>AD Gallery</h2> <p><a href="/misc/goto?guid=4958184263689473761"><img alt="AD Gallery" src="https://simg.open-open.com/show/1bca6984073c2261536fff280320bd8c.jpg" /></a><br /> 这个插件，简单但是强大，它支持各种转换效果、预加载图片...似乎可以完成你想要的一切功能。<br /> <a class="button-med" href="/misc/goto?guid=4958184263689473761">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184265094504618">View the Demo →</a></p> <h2>YoxView</h2> <p><a href="/misc/goto?guid=4958184265825275161"><img alt="YoxView" src="https://simg.open-open.com/show/c93b525bf6f739d4dd5ad455e3886391.jpg" /></a><br /> YoxView 是一个类似 Lightbox 风格的媒体和图片的浏览器的jQuery插件。它支持主流的媒体格式，比如图片、视频、iframe、flash等。你还可以定义皮肤。<br /> 你还可以下载 YoxView <a href="/misc/goto?guid=4958184266571457942">WordPress 插件</a> 或者<a href="/misc/goto?guid=4958184267301802802">Drupal 模块</a>。<br /> <a class="button-med" href="/misc/goto?guid=4958184265825275161">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184265825275161">View the Demo →</a></p> <h2>Micro Image Gallery</h2> <p><a href="/misc/goto?guid=4958184269384443179"><img alt="Micro Image Gallery" src="https://simg.open-open.com/show/02cb884ffe9f3a2c9952d99fae28e20b.jpg" /></a><br /> 这是个Micro Image 画廊插件的改进版，新增了大量的功能。比如自动播放、每张图片的描述、循环模式等。<br /> <a class="button-med" href="/misc/goto?guid=4958184269384443179">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184270793170267">View the Demo →</a></p> <h2>slideViewerPro</h2> <p><a href="/misc/goto?guid=4958184271554190293"><img alt="slideViewerPro" src="https://simg.open-open.com/show/c5833ef6306719f78c95e478948b0762.jpg" /></a><br /> slideViewerPro是一个完全可定制的jQuery Image Gallery插件。支持任意多的图片，可以设置是否自动展示图片，开关标题，开关拖拽，自定义向前-向后按纽，自定义幻灯播放动画。<br /> <a class="button-med" href="/misc/goto?guid=4958184271554190293">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184271554190293">View the Demo →</a></p> <h2>Galleryview</h2> <p><a href="/misc/goto?guid=4958184273637507960"><img alt="Galleryview" src="https://simg.open-open.com/show/123a60e187e52daac63f7ed1e4d661df.jpg" /></a></p> <p>GalleryView 是一个用来展示相册中照片的 jQuery 插件。</p> <p><a class="button-med" href="/misc/goto?guid=4958184273637507960">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184275050940973">View the Demo →</a></p> <h2>piroBox</h2> <p><a href="/misc/goto?guid=4958184275778824559"><img alt="piroBox" src="https://simg.open-open.com/show/33825254e888119fe43e7654282b41a8.jpg" /></a><br /> 采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。<br /> <a class="button-med" href="/misc/goto?guid=4958184275778824559">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184277212718572">View the Demo →</a></p> <h2>Pikachoose Image Gallery</h2> <p><a href="/misc/goto?guid=4958184277944819480"><img alt="Pikachoose Image Gallery" src="https://simg.open-open.com/show/364a8d3dbb7a4037ab1de27c54070abf.jpg" /></a><br /> Pikachoose 是个轻量级的jQuery插件，功能包括幻灯选择、导航按钮、自动播放等。其安装部署简单。<br /> <a class="button-med" href="/misc/goto?guid=4958184277944819480">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184279349888988">View the Demo →</a></p> <h2>PrettyPhoto</h2> <p><a href="/misc/goto?guid=4958184280087566697"><img alt="PrettyPhoto" src="https://simg.open-open.com/show/74ce3559f992c8e658390463b18c3659.jpg" /></a><br /> PrettyPhoto 是在 jQuery基础上完成的类似lightbox的无刷新图片显示插件，实际上它不仅能显示图片，还能显示许多的类型，比如在可能弹出的层窗口中加载一段视 频、一段Flash动画、一个已布局好的网页、一个框架页等等，功能还是挺多的，而且设计超精美，真不赖。<br /> <a class="button-med" href="/misc/goto?guid=4958184280087566697">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184280087566697">View the Demo →</a></p> <h2>Multimedia Gallery for Images, Video and Audio</h2> <p><a href="/misc/goto?guid=4958184282178003165"><img alt="Multimedia Gallery for Images, Video and Audio" src="https://simg.open-open.com/show/d0d7e6d9054aa09e20b3eeaf44fccddf.jpg" /></a><br /> 这个画廊插件的创意是整合了视频、音频，作为图片形式展示，它基于XML文件创建。<br /> <a class="button-med" href="/misc/goto?guid=4958184282178003165">Tutorial & Downloads →</a><a class="button-med" href="/misc/goto?guid=4958184283600314283">View the Demo →</a></p> <h2>Infinite Scrolling Web Gallery</h2> <p><a href="/misc/goto?guid=4958184284333027542"><img alt="Infinite Scrolling Web Gallery" src="https://simg.open-open.com/show/aa48259f00de8e274d73cb2cc2183d7a.jpg" /></a><br /> <a class="button-med" href="/misc/goto?guid=4958184284333027542">Tutorial & Downloads →</a><a class="button-med" href="/misc/goto?guid=4958184285753882156">View the Demo →</a></p> <h2>SIDEWAYS – Fullscreen Image Gallery</h2> <p><a href="/misc/goto?guid=4958184286479284230"><img alt="SIDEWAYS - Fullscreen Image Gallery" src="https://simg.open-open.com/show/5aff01cc60d93016355fb457391cfaf2.jpg" /></a><br /> <a href="/misc/goto?guid=4958184286479284230">SIDEWAYS</a> 是个全屏图片画廊插件，它利用jQuery UI、jQuery Easing和jQuery mousewheel插件。<br /> <a class="button-med" href="/misc/goto?guid=4958184286479284230">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184288579558375">View the Demo →</a></p> <h2>Supersized – Full Screen Background</h2> <p><a href="/misc/goto?guid=4958184289312726437"><img alt="Supersized - Full Screen Background" src="https://simg.open-open.com/show/4be65057c7159c5bda76c85eb32921b6.jpg" /></a><br /> 让我们看它的第三版，作为全屏图片画廊插件，可以重定义图片大小，保证图片尺寸比例的同时填充浏览器窗口。通过幻灯效果进行图片切换，你可以通过停止/播放/前进/后退按钮进行控制。<br /> <a class="button-med" href="/misc/goto?guid=4958184289312726437">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184290728090231">View the Demo →</a></p> <h2>Polaroid Photobar Gallery</h2> <p><a href="/misc/goto?guid=4958184291467031136"><img alt="Polaroid Photobar Gallery" src="https://simg.open-open.com/show/e79bb969efb63f443c06dce9c219952f.jpg" /></a><br /> <a href="/misc/goto?guid=4958184291467031136">Polaroid Photobar Gallery</a>，就像其名字，Polaroid的外观样式，非常值得将其用在自己的酷站上。<br /> <a class="button-med" href="/misc/goto?guid=4958184291467031136">Tutorial & Downloads →</a><a class="button-med" href="/misc/goto?guid=4958184293546552371">View the Demo →</a></p> <h2>jbgallery 2.0</h2> <p><a href="/misc/goto?guid=4958184294291505335"><img alt="jbgallery 2.0" src="https://simg.open-open.com/show/1a36924c857a0fa05e6b3d3e390b4a3c.jpg" /></a><br /> jbgallery，可实现超大图片全页展示功能，可自动播放，控制播放图片等，支持单图片、多图片、多图库、阴影、网站背景色以及对话模式等。 jbgallery有两个基本菜单，一个类似音乐播放按钮和一个直接链接单图片播放按钮，同时提供公共API接口去除播放控制组件，以便扩展任意自定义播 放控制按钮，jbgallery插件功能强大，而且使用简单。<br /> <a class="button-med" href="/misc/goto?guid=4958184294291505335">Downloads & Docs →</a><a class="button-med" href="/misc/goto?guid=4958184294291505335">View the Demo →</a></p> <h2>Full Page Image Gallery</h2> <p><a href="/misc/goto?guid=4958184296375936985"><img alt="Full Page Image Gallery" src="https://simg.open-open.com/show/c39655f13612be583da52e5d696268fd.jpg" /></a><br /> <span id="result_box" lang="zh-CN" class="long_text"><span>这</span><span>是个整版、全屏滚动预览的画廊插件，根据用户的鼠标移动自动滚动，具有很像的视觉效果和冲击力。</span></span><br /> <a class="button-med" href="/misc/goto?guid=4958184296375936985">Tutorial & Downloads →</a><a class="button-med" href="/misc/goto?guid=4958184296375936985">View the Demo →</a><br /> <br /> 英文地址：<a href="/misc/goto?guid=4958184298477074137">http://speckyboy.com/2010/11/14/20-jquery-image-and-multimedia-gallery-plugins/</a><br /> </p>