Home arrow JavaScript arrow More of the Top jQuery Plugins for Animation
JAVASCRIPT

More of the Top jQuery Plugins for Animation


Are you looking for some ways to add some flair to your website via animation? Do you want your additions to not only look good, but function properly as well? If so, here are some methods to do so with jQuery plugins. Thanks to the pluginsí creators, you can add style and substance to your site without a lot of tedious work.

Author Info:
By: wubayou
Rating: 5 stars5 stars5 stars5 stars5 stars / 4
March 26, 2012

print this article
SEARCH DEVARTICLES

Are you looking for some ways to add some flair to your website via animation? Do you want your additions to not only look good, but function properly as well? If so, here are some methods to do so with jQuery plugins. Thanks to the pluginsí creators, you can add style and substance to your site without a lot of tedious work.

AJAX-ZOOM

If you are looking for a plugin that comes equipped with a ton of options and can integrate easily into virtually any type of website, AJAX-ZOOM might be right what the doctor ordered.  Described by its creator as a single image zoom and pan viewer, AJAX-ZOOM boasts a list of over 300 options.  Its functionality is similar to Google Maps due to the way it employs image tiles to quickly supply a section of the zoomed image.  Compatible across all browsers and HTML5-enabled, AJAX-ZOOM is also compatible with mobile touch-screen devices such as the popular iPhone and iPad.  The plugin offers such features as pinch zoom, skinning over CSS, pan and crop with mouse wheel support, and the list goes on.  As for its most interesting feature, the special 360 degree rotation mode is a great option for anyone with an online store who wants to allow customers to get detailed views of products.

Link: http://www.ajax-zoom.com/

Visual Lightbox

Visual Lightbox is a jQuery plugin that greatly simplifies the task of creating Web photo galleries.  No code is required.  All you have to do is drag and drop the desired photos into Visual Lightbox, hit Publish, and a gallery will be generated that also includes a Lightbox-style layover effect.  Some of the pluginís noteworthy highlights include built-in FTP, automatic thumbnail creation, the ability to add captions, various integrated themes, autostart, floating and smooth cross-fade transition, and much more.

Link: http://visuallightbox.com/#overview

Sticky Floating Box

The animation provided by the Sticky Floating Box jQuery plugin is quite useful, no matter what type of website you have.  What it does is keep a side menu, or box on the side of the screen that stays put as the user scrolls down the page.  This is helpful to the user because they donít have to scroll all the way up again if they want to navigate to another part of the site.  The pluginís author re-released the plugin with new features, and you can customize parameters for the duration of the animation, the offset from the top, the delay until the animation starts, and so on.

Link: http://dropthebit.com/74/sticky-floating-box/

Lightview

The Lightview plugin employs jQuery to create attract overlay windows.  Owners of photography sites could definitely make use of its powerful features, such as numerous predefined skins, a user-friendly API, the ability to show related content as a group, and more.  You can overlay a multitude of different media such as images, YouTube clips, maps, forms, slideshows, and AJAX, just to name a few.  The plugin uses HTML5 to help with cross-browser compatibility so you can please all of your viewers, no matter what browsers they choose.  Lightview is easily one of the most aesthetically pleasing plugins in this list and is definitely worthy of a download, especially if you run a site that is heavy on media.

Link: http://projects.nickstakenburg.com/lightview

simplyScroll

If scrolling is your necessity, then the simplyScroll jQuery plugin has the answer.  It allows you to scroll or animate content in a variety of ways, such as horizontally or vertically, backwards or forwards, and manually or automatically.  Looped scrolling is supported in case you want to implement an infinite effect, and users can also pause the scrolling when necessary.  simplyScroll works on all the major browsers, is easy to customize, and easy to use.  It even offers touch support to roll with the trend of enhanced smartphones and tablets that seem to be the craze nowadays.

Link: http://logicbox.net/jquery/simplyscroll/

Zino jQuery Slider

Zino is a jQuery plugin that is all about displaying images in their highest form.  It functions as an image and content slider, as well as a banner rotator.  You can create slideshows of your favorite images, and even create multiple ones on the same page.  This quality-made plugin is SEO friendly and employs valid HTML and CSS.  The highly customizable nature of Zino makes it a good choice for site owners of varying tastes, and one example of such flexibility is the power to use horizontal or vertical orientation for your content.  As with most of the other plugins in this list, Zino features support across browsers to give you and your visitors maximum functionality.

Link: http://www.bulgaria-web-developers.com/projects/javascript/slider/

bxSlider

Another example of a solid jQuery plugin that offers content slider functionality is bxSlider.  It boasts tons of options, such as random start, a ticker mode, easing transitions, horizontal, vertical, and fade transitions, plus various callback functions.  You can style the slider to your liking, move multiple slides simultaneously for a carousel effect, and make use of auto controls for some added user-friendliness.

Link: http://bxslider.com/

Step Carousel Viewer

The Step Carousel Viewer allows you to display images or rich HTML in a highly attractive manner by scrolling them to the left or right.  Itís ideal for any site where you want to show off images, and the functionality is both flexible and user-friendly.  You can customize the plugin to fit your desired look.  Auto rotation is an option, as is wraparound.  Users can jump from slide to slide using arrow keys, or they can even jump to specific slides via special buttons.  The customization options are what really make this jQuery plugin appealing, and the sliding animation is quite smooth as well.
 
Link: http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

Easy Gallery 2

Just as its name suggests, Easy Gallery 2 specializes in giving you the power to create image galleries with ease.  Itís lightweight in nature and hassle-free.  Easy Gallery is not the most complex jQuery plugin you will find, but if you just want to create some nice slideshow galleries with smooth animation, it should do the trick.

Link: http://www.freelancer-id.com/easy-gallery/2


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

All JavaScript Tutorials
More By wubayou


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2014 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials