This is a flexible and easy to integrate Photo Gallery written in HTML5 , CSS3 and jQuery.
- 3D Cube Animation (Chrome, Safari, Firefox, IE10 )
- Automatic thumbnail generation
- Unique animated thumbnail preview
- Grid or Custom Layout
- Keyboard Control
- 3 Animations
Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.In fact, Fresco in the first truly responsive lightbox. Give the demonstrations a try to see what that means, make sure to adjust your screen size (or rotate your device).
In order to display facebook comments on your page you would normally follow the instructions on this page. This works great if you just have a single page that you want to comment on, but for my scenario I wanted the comment box to appear fresh for each photo that the lightbox displayed. In order to do this, the first thing you’ll need to do is omit the 2nd bit of code that Facebook generates for you on the afore mentioned page:
A modal concept which aims to give a sense of depth between the page and modal layers.Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.
jQuery.msgBox is a plug-in to make smarter displaying messages. Also usage of the plug-in is so easy. You just need to add following files to your page as shown below and the images named ‘alert.png’, ‘confirm.png’, ‘error.png’, ‘info.png’, ‘msgBoxBackGround.png’ used by plug-in to ‘Images’ folder in the root directory. That’s all!!!
Lightbox is a simple, unobtrusive script used to overlay images on top of the current page. It’s a snap to setup and works on all modern browsers.
In today’s tutorial we’ll show you how to create some cute looking photo strips and integrate Lightbox 2, one of the most popular and widely used lightbox scripts. The idea is to show some photo strips and make them navigable by scrolling with the mousewheel. When clicking on a picture we will show the larger version using jQuery Lightbox 2. We will also optimize it for touch devices.
jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.
This plug-in makes links pointing to images open in the “Image Zoom”. Clicking a link will zoom out the clicked image to its target-image. Click anywhere on the image or the close-button to zoom the image back in. Only ~3k minified.