50 jQuery Photo Gallery Plugins图片画廊插件完整版
1. How to Create a Simple Slideshow using Mootools / JQuery When we want to show lots of content in limited screen space, Slideshows comes to rescue. Making use of slideshows is the optimal way to present large amount of information. In this post i’ll walk you through the process of making a very simple(minimilistic) slideshow using Mootools / Jquery. jbgallery is a UI widget webpage written in javascript on top of the jQuery library. 3. Minimalistic Slideshow Gallery with jQuery In today’s tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails. 4. Galleria Galleria is an image gallery framework, written in JavaScript. The aim is to simplify the process of creating visually appealing image galleries for the web and mobile devices. 5. jQuery Multimedia Portfolio This plugin for jQuery will automatically detect the extension of each media and apply the adapted player. 6. Galleriffic Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains. 7. Making a Mosaic Slideshow With jQuery & CSS When designing a product page, it is often necessary to present a number of images in a succession, also known as a slideshow. With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem. However, to make a lasting impression to your visitors, you need to present them with something they have not seen before. 8. Nivo Slider 9. Advanced jQuery background image slideshow A couple of weeks ago, I received an e-mail from a guy named Patrick. He just visited the website from Philadelphia and wanted to know how to create the slideshow header that’s on top of the page. Since I was also impressed by the effect, I took the time to recreate this effect myself. Our focus is the background image slideshow (including the text), not the other things (like the dropdown menu). Base on the Jquery Framework and the Easing Plugin, The JSiderNews Plugin is a slideshow plugin that displaying images or type of content and support favious navigation to previous|next items. 11. A Zoomable jQuery Image Gallery Called jPhotoGrid This plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed. 12. jQuery Blinds 13. jQuery Carousel . 14. GalleryView: A jQuery Content Gallery Plugin GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize. 15. Pikachoos Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy, and if you need help, I can install PikaChoose on your website for you. 16. Image Flow ImageFlow is an unobtrusive and userfriendly JavaScript image gallery. For more information about ImageFlow read the features list, take a look at the documentation and check the blog. For anything else simply drop a line in the shoutbox. The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self. Today we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen. 19. EOGallery EOGallery is a web animated slideshow gallery made with jQuery. It only uses basic jQuery functions and Cody Lindley’s Thickbox to display larger pictures. 20. Pirobox 21. Gradually Gradually offers API, a slide show, and a thumbnail gallery using ImageDrawer. 22. COIN SLIDER 23. AnythingSlider jQuery Plugin This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier. 24. Slider Gallery Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scrolling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling. Unobtrusive and smooth is the key here. 26. Supersized 27. Create Beautiful jQuery slider tutorial This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name. 28. VFancy Thumbnail Hover Effect w/ jQuery Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but using my bread and butter (CSS and jQuery). I thought I’d share this and maybe some of you can find it useful. 29. Create an Image Rotator with Description (CSS/jQuery) An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are
Its function is to show a single big image, multiple images, multiple galleries, slideshows, as a site’s background, in a “dialog” mode or as a common pop-up.
相关文章
- 推荐十个jQuery图片画廊插件(2010-12-30 9:48:47)
- progressbar使用flash swfupload多上传与控制(2010-12-29 17:11:32)
- 国外网站应用广泛的20个jQuery网站导航菜单脚本(2010-12-28 13:28:44)
- jQuery头像裁剪 Image Cropper 生成图片(2010-12-28 13:23:23)
- Jquery.ajax报parseerror Invalid JSON错误的原因和解决方法:不能解析(2010-12-23 9:27:55)
- jquery jTemplates setTemplateURL 去除HTML编码以及jTempla(2010-12-23 9:23:31)
- IT年度最受欢迎的10 个JavaScript 库/JS框架(2010-12-14 11:1:38)
- 禁止文本框粘贴功能和右键菜单功能【支持IE、Mozlla、Firefox等】(2010-12-10 10:13:20)
- AJAX(XMLHttpRequest)跨域请求(三)(2010-12-10 10:0:47)
- AJAX(XMLHttpRequest)跨域请求(二)(2010-12-10 9:59:27)
