30 Awesome Jquery Plugins for better web interface

Here is the list of useful Jquery Plugin .They can help you make a better web design . I hope this list helpful to you

Easy Slider 1.7 – Numeric Navigation jQuery Slider

As its name ,easy to install and use .

Agile Carousel

Jquery plugin that allows you to easily create a custom carousel.Many options for different transitions .

best-jquery

Sliding Boxes and Captions with jQuery

One man asked me for make a caption or title of image sliding up when mouse over and down when mouse out .And here is the plugin for him .

best-jquery

AnythingSlider jQuery Plugin

AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. I don't use this slider in my template but in my opinion ,it's a good one .

best-jquery

Creating a Slick Auto-Playing Featured Content Slider

In my previous blog post ,I talked about how I made slider for Simplex Darkness template . And here is another slider with content . You can use this one and still get the same result like Simplex Darkness template .

best-jquery

How to Make a Threadless Style T-Shirt Gallery

This plugin is very useful for saving space in your site . In the demo version ,they use this plugin for T-Shirt gallery ,but you can use them with images on blog ,start with thumbnails and show the full images when mouse over .

best-jquery

Create a gallery by using z-index and jQuery

Interesting gallery plugin . But I think it's only suitable for personal blog .

best-jquery

Create an Image Rotator with Description

Another solution for any one who want to make a slider in web . If you feel the instruction I wrote to create a slider so complicated and hard to follow ,you can take an eye at this one .

best-jquery

ImageSwitch

The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects.

best-jquery

CrossSlide

At the first time I saw the demo of this plugin ,I think it created by Flash . In fact,it is really a product of Jquery . This is a great solution for creating dynamic effects fx. in a header.You simply have to see the effect for yourself demo here.

best-jquery

Highslide JS

Highslide JS is an open source image, media and gallery viewer written in JavaScript. Integrate it into a page and you have a gallery for your blog .

best-jquery

JQZoom

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.

best-jquery

Easiest Tooltip and Image Preview Using jQuery

You can place thumbnail in your blog posts and use this plugin for showing full image when mouse over . A good solution for saving web page space .

best-jquery

jQuery spherical panorama viewer

A javascript viewer for displaying spherical panoramas. An alternative to Java and QuickTime technology. To use this plugin you need to generate views from your spherical panoramic image. You can download and install MPRemap from Helmut Dersch website for this purpose. I think it's very good for real estate agent websites because buyer can easily imagine the house they will buy with this plugin .

best-jquery

prettyPhoto a jQuery lightbox clone

jQuery lightbox style script that support images, galleries, flash, qtime, iframe etc.

best-jquery

jQuery virtual tour

This virtual tour plugin has the particularity to be accessible and can run even if javascript has not been activated.

best-jquery

Step Carousel Viewer

best-jquery

jQuery Cycle plugin

A greate plugin !
best-jquery

Fancy Box

FancyBox is tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. Automatically scales large images to fit in window, adds a nice drop shadow under the full-size image, image sets to group related images and navigate through them. Also support media.

best-jquery

Jcrop

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

javascript-frameworks

AnythingZoomer jQuery Plugin

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it. I’m not going to tell you what you should use it for or elaborate use-case scenarios. Your own creativity can help you there. Demo & Download

javascript-frameworks

ImgAreaSelect

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image.

best-jquery

PanView

This plugin allows your visitors view details of a big image and move around with the mouse.

best-jquery

s3 Slider

This is an easy way to add a good looking image slideshows with text flyin to your website.

best-jquery

Lightbox Plus

Another Lightbox style plugin

lightwindow

Shadowbox

Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page. Can run alone but also has an adapter for jQuery and other frameworks.

shadowbox

Image Cross Fade Transition

image-cross-fade-transition

Scrollable

Scrollable is useful jQuery plug-in for creating scrollable content.

javascript-frameworks

jQuery Infinite Carousel

javascript-frameworks

Image Loading

This tutorial will show how to load images in the background, and once loaded handle the event and create your own response. Try Demo | View Code

javascript-frameworks

Creating a polaroid photo viewer with CSS3 and jQuery

A good gallery plugin ,you can drag the images . But I'm not sure this one is quite good in all browsers . CSS3 is not supported in old version of browsers .

polaroid_photo_viewer

Share this post

Advertisement

0 comments:

Post a Comment