Would you like to create a template with a fullscreen grid of images and content areas? The idea is to have a Draggable Image Boxes Grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

The main idea for this template and its effects comes from the beautiful Flash-based website of Stephen Hamilton. To make the grid draggable, they used jQuery.kinetic by Dave Taylor. The jQuery plugin allows smooth drag scrolling and it’s just what we need in our grid.

Published under: Gallery | License Free

Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use.

With Automatic Image Montage with jQuery you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the option to fill all the gaps.

Published under: Gallery | License Free

Adaptive Images automatically adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

Your site is being increasingly viewed on smaller, slower, low bandwidth devices. Your desktop-centric images load slowly, cause UI lag, and cost your visitors un-necessary bandwidth and money. You’ve implemented a responsive design in CSS, and need something to adapt your <img>’s too.

A .htaccess rule on the server intercepts any requests for .jpg .gif or .png files which are not inside protected directories. Protected directories are configured in the .htaccess file so that the server does not resize any images which are not content images.

Published under: Gallery | CC License

Nivo Slider

The Nivo Slider is world renowned as the most beautiful and easy to user slider on the market. It’s completely free and totally open source.

 

Sponsor Flip Wall With jQuery & CSS

Sponsor Flip Wal is using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.

 

PhotoSwipe

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

 

TN3 Gallery

TN3 Gallery is a jQuery image gallery with slideshow, transitions effects, multiple album options, CSS skinning and much more. It’s compatible with all modern desktop and mobile browsers.

 

SIDEWAYS – jQuery fullscreen image gallery

A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.

 

Moleskine Notebook with jQuery Booklet

In this tutorial, you will learn to create a virtual Moleskine notebook with latest posts from the blog.

 

Orbit: A Slick jQuery Image Slider Plugin

Orbit is a jQuery slider developed by ZURB. The plugin is lightweight(4KB), easy to implement and has a good set of features.

 

Exposure

Exposure is a jQuery plugin for rich and smart photo viewing that can handle very large amounts of photos.

Published under: Gallery

The Wall enables to create an endless grid. You choose the number of elements, The Wall will see to the rest. Every moment you may know the position of your wall or move it where you like better by clicking or dragging it.

With The Wall you decide the position of your contents punctually. Every plug is ready to hold your contents, pictures, videos, texts, everything. With The Wall you may have an endless grid or an original draggable coda slider, if you like better.

Published under: Gallery | MIT License

TN3 Gallery is a full fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. This is compatible with all modern desktop and mobile browsers. Powered by jQuery.

With TN3 Gallery you can easily create amazing photo galleries and slideshows with slick transition effects, as well as multiple albums, CSS skinning, XML and Flickr support with a host of additional features.

The full version of TN3 Gallery ships with three skins. Besides editing the default skin style sheet, you can also create your own skin HTML and CSS files from scratch. Galleries can be divided into albums and a single image can be used across any number of albums. Mouse wheel navigation can be enabled to allow users to scroll through the images in the gallery using their mouse scroll wheel. To simplify implementation on larger sites, the option to specify images in an external XML file is included.

This contest will run from June 29, 2011 to July 08, 2011 and we will select the winner randomly. Result can be announced any day before July 15, 2011 so keep visiting here or subscribe to our rss feed to get the latest updates. To participate in the contest and win TN3 Gallery, All you have to do is :

1. Just leave a comment.

2. Use valid email ID in the email box.

3. Make sure that you are following @Qink_NET and @tn3gallery on twitter and subscribe our rss feed to track this contest and for future updates.

4. And that’s it!

So, what are you waiting for now? Let’s participate in the contest and good luck!

 

Update : The Winner was @Mnht20 , Thank you all for joining us .. wait for more.

Published under: Gallery

TN3 Gallery is a full fledged HTML based customizable jQuery image gallery with slideshow, transitions and multiple album options. It is compatible with all modern desktop and mobile browsers. And it is powered by our beloved jQuery.

With TN3 Gallery you can easily create amazing photo galleries and slideshows with multiple albums, image preloading, dynamic image sizing, mouse wheel navigation, optional captions, thumbnail carousel, CSS skinning, XML and Flickr support.

TN3 Photo Gallery looks really clean and easy to use. There are 5 transition styles you can choose to use, including fade, slide, blinds, grid and none. All transition styles are very smooth. It works really well on photo or image gallery sites.

You can download the free lite branded version for the basic functionality, or the unbranded professional version for extended features. What are you waiting for?

TN3 Gallery: Slick and Easy to Use jQuery Image Gallery

Published under: Gallery

Adding relevant images to static prototypes is a pain, that is why folks tend to fill them in with placeholders. If you really want to add an image, you have to search for it, download it, crop it to right size, and then add it to your prototype. That is until now.

flickrBomb is an easy way for you to fill your prototypes with relevant content, and not just those dull gray placeholder images. Hover over the images and click the wrench icon to see flickrBomb in action.

You can also check out other Galleries we have mentioned before.

Published under: Gallery | MIT License

The Lumebox is an Open-Source Lightbox clone written as a JavaScript jQuery plugin with a few added features. One of the main features is that it can parse RSS feeds just as easily as displaying images.

The Lumebox also searches the post or page for links leading to images (and RSS-feeds) and opens them in a popup instead of following them. The Lumebox was written using jQuery 1.4.3. The Lumebox plugin is released under the GNU GPL.

Published under: Gallery | GPL License

Vegas Background jQuery plugin lets you add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows. Slideshows of different backgrounds, transition and callbacks can be easily set up.

Most of the time, backgrounds are stretched a lot to fit big screens. An overlay with a texture can be added to mask the image degradation effects. It also adds a stylish look to your backgrounds. You can easily add overlay pattern to your backgrounds with CSS.

Published under: Gallery | GPL License | MIT License