Amazing Scripts for Galleries, Slideshows and Light boxes
Published February 26, 2010 in Shevaa in Coding
This post presents a Collections of Image Galleries, SlideShows, and image and Flash lightboxes using Ajax, Javascripts, Jquery Plugins
1. jQuery morphing gallery
In this tut you will learn how to create a simple image gallery that when an image is selected, it will “morph” into its relevant size.
2. jqFancy Transitions
jqFancy Transitions is easy-to-use jQuery plug in for displaying your photos as slideshow with fancy transition effects.
3. JonDesign’s SmoothGallery
4. Trip Tracker
The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.
5. High Slide JS
Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages
6. Beautiful jQuery slider with Tutorial
This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.
7. Full Screen Image gallery Using J-query and Flickr
It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. I also spiced it up with a flickr search engine, thumbnails, captions, preloader and some other goodies.
8. Fancy Box Image Zooming Using J-query
Fancy Box is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.
9. Greyscale Hover Effect CSS & jQuery
CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces.
10. Galleriffic jQuery plugin
A jQuery plugin for rendering rich, fast-performing photo galleries
11. Slider Jquery PlugIn
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.
12. Bumpbox
A lightbox clone with support for PDF, flv, swf, audio, images and html files.
13. jQuery.popeye 1.0 | jQuery.popeye 1.0 released
jQuery.popeye is a plug-in that transforms an unordered list of images into a simple image gallery. When an image is clicked, it enlarges Lightbox-style. The images are displayed in a box with “Previous” and “Next” controls, and information about the images can be included.
14. Dojo Zoomer
This sample uses Dojo 1.3, is entirely valid html markup, degrades gracefully (in that is a natural list of links without modification) and progressively adds a zoom behavior.
15. Animated JavaScript Slideshow
A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status.
16. Videobox | Lightbox for videos
which shows your videos in the page with an overlay. It was inspired from Lightbox.v2 and uses some of the Slimbox’s code. It’s written for the wonderful mootools library. And used swfobject to embed flash.
17. Image Rotator With Tutorial
An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.
18. Galleria|A Javascript Image Gallery
Galleria is a very polished and professional image gallery . It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.
19. Coda Slider
A jQuery script that emulates the effect used on the gorgeous Coda website
20. Moving Boxes | jQuery “sliders”
We’ve been down the jQuery “sliders” path a few times before. Once for the Auto-Playing Featured Content Slider and again for the Start/Stop slider.
[...] useful for Web & Graphic designers, Web Developers, Logo Designer, Flash Designer. These… [full post] Shevaa Web Designers Inspiration and Online Resource designinspiration 0 [...]
[...] the original: 25 Best CSS Web Design Directory Every Designer Should Know | The … Share and [...]
These CSS directories provide great inspiration for the new designer as well as for the more experienced one. There really are some terrific designs out there.
Thanks Man.
[...] more here: 25 Best CSS Web Design Directory Every Designer Should Know | The … Share and [...]
[...] more: 25 Best CSS Web Design Directory Every Designer Should Know | The … – open in a new window. [...]
[...] from: 25 Best CSS Web Design Directory Every Designer Should Know | The … Comments [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] from: 25 Best CSS Web Design Directory Every Designer Should Know | The … This entry was posted in Web Design and tagged design, Developers, Graphic, graphic-designers, [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] more from the original source: 25 Best CSS Web Design Directory Every Designer Should Know | The … Share on bebo Blog this! Bookmark on Delicious Digg this post Recommend on Facebook Share on fark [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know →翻訳して開く [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] Link to original article [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know | The … [...]
[...] 25 Best CSS Web Design Directory Every Designer Should Know [...]
Awesome!! Only one word can I say that “WOW”..!! All are amazing!! Great post!! Very innovative
photographs. It will definitely help designers. I just love it!! And obviously waiting for lots more
designs. I also want to share another one Flash Design Company. You can check it.
Thanks Jenifer Smith…
Great list of galleries.
Also check out fresh gallery Inspiraaz
These are great sites, CSS-showcase is another one for the list.. My site is currently featured in CSS Hunt.
These collections are just wonderful. I enjoyed every single one of them.
This is a really good read for me, Must admit that you are one of the best bloggers I ever saw. Looking forward for your next one.
Thank U Crowdfinch…. Keep Reading my posts…
wonder & great . I really thankful to you
Great list of css showcase. However there could be one more addition http://www.csstrophy.com. This website have a great list of web2.0 websites.
I just added a CSS3 image scroll to my site. I love the load time and function is great.