Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what's inside.
Upload Preview jQuery plugin provides an easy way to preview your uploads before they're actually uploaded to the server.
So if you selected an image or audio file from your hard drive, it will generate a live preview of the selected image or audio player for the audio file.
jqGifPreview is a jQuery plugin tocreate GIF preview just like Facebook. This plugin use first frame of GIF image as preview image.
An experimental tutorial where a 3D perspective preview is shown for a selected seat in a cinema room by using CSS3 and javascript.
The purpose of tutorial is to have "realistic" preview of the seat that you selected.
PreViewTube.js is a jQuery plugin for animating YouTube thumbnail images.
An easy way to show more product images and variations right in the product gallery. A simple slider to check product variations before jumping into the product page.
Minimap is a preview of full webpage or its DOM element with flexible positioning and navigation support.
jQuery.fracs is a jQuert plugin that determines some fractions for an HTML element (visible fraction, fraction of the viewport, etc.) and also provides the coordinates of these areas.
Image Cropper is a jQuery image cropping plugin with preview and some options.
jQuery URLive lets you easily create a live preview of any URL base on its Open Graph properties and other details, similar to Facebook's post attachment.
This plugin works with <textarea>
, <input>
, <a>
tags and any other element with a URL on its content.
A nice tutorial from Codrops on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.
Here you will make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.
The imgPreview plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time!