jQuery

Features

  • Resize images to fill the entire browser window while maintaining proportional dimensions.
  • Fullscreen slideshow complete with transitions, navigation, captions, and preloading.
  • Integrate with existing sites or create your own portfolio gallery.
Attachments:
Download this file (supersized3.zip)supersized3.zip 285 kB

Read more: Supersized 3.0 – Full Screen Background & Slideshow jQuery Plugin

Parent Category: Images | Gallery
Category: jQuery
The interactive photo desk provides some “realistic” interaction possibilities for the user. It has some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act. For example, if we drag a picture, it get’s “picked up” first, making it appear a little bit bigger, since it would be closer to us. Dropping it results in the picture being “thrown back” to the table, in a random rotation. Viewing all photos mirrors the action of collecting all images into a pile and viewing the first one in a none rotated way. Clicking to see the next one then, makes the previous one being thrown back to the surface. Deleting an image will make it appear as a crumpled paper ball.
Attachments:
Download this file (PhotoDesk.zip)PhotoDesk.zip 154 kB

Read more: Iteractive Photo Desk with jQuery and CSS3

Parent Category: Images | Gallery
Category: jQuery
Polaroid Photobar Gallery is an image gallery with a Polaroid look.It's have albums that will expand to sets of slightly rotated thumbnails that pop out on hover. The full image will slide in from the bottom once a thumbnail is clicked. In the full image view the user can navigate through the pictures or simply choose another thumbnail to be displayed.
Attachments:
Download this file (PolaroidPhotobarGallery2.zip)PolaroidPhotobarGallery2.zip 640 kB

Read more: Polaroid Photobar Gallery with jQuery

Parent Category: Images | Gallery
Category: jQuery
PhotoStack Gallery is to show the albums as a slider, and when an album is chosen, It show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation. It use jQuery and CSS3 properties for the rotated image effect. It also use the webkit-box-reflect property in order to mirror the boxes in the album view – check out the demo in Google Chrome or Apple Safari to see this wonderful effect.
Attachments:
Download this file (PhotoStack.zip)PhotoStack.zip 499 kB

Read more: PhotoStack Gallery

Parent Category: Images | Gallery
Category: jQuery
The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode. In the full picture view we add some nice transition effect when we browse through the photos.

Requeriments:jQuery

homepage


http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/

Attachments:
Access this URL (/attachments/article/SlidingPanelPhotowallGallery.zip)SlidingPanelPhotowallGallery.zip 10508 kB
Parent Category: Images | Gallery
Category: jQuery

Page 2 of 2

Search


Latest News

Animated CSS3 Photo Stack

Animated CSS3 Photo Stack
Animated CSS3 photo stack is use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers...
Read More...

Threesixty-slider

Threesixty-slider
Threesixty-slider is a jQuery 360 image slider plugin. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature...
Read More...

D3.js a Data-Driven Documents

D3.js a Data-Driven Documents
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern...
Read More...

Three.js A awesome 3D Engine

Three.js A awesome 3D Engine
Three.js is a library that makes WebGL - 3D in the browser - very easy. While a simple cube in raw WebGL would turn out hundreds of lines of Javascript and shader code, a Three.js equivalent is only...
Read More...

MilkChart

MilkChart
To transform a table of data into a chart, simply create a MilkChart object of the chart type you wish passing in the table id and an object containing options for the chart.
Read More...
  • 1

Who's Online

We have 48 guests and no members online

Latest Users

  • carpinteyroyae
  • JessyLone
  • Karinakt
  • Lillian5290348
  • Michaelbord