Home arrow JavaScript arrow jQuery plugins for Images

jQuery plugins for Images

You may have some great images that you want to display on your site, but if they are simply plastered on with no thought put in regarding their presentation, you may not get the visual effect you had hoped for. The following jQuery plugins can help you get the most out of your images to make your site as eye-catching as possible.

Author Info:
By: wubayou
Rating: 5 stars5 stars5 stars5 stars5 stars / 3
May 09, 2011
  1. · jQuery plugins for Images
  2. · 3 More Great jQuery Plug-ins for Images

print this article

jQuery plugins for Images
(Page 1 of 2 )

Awkward Showcase

On the surface, the Awkward Showcase plugin is a content slider.  When you dig deeper into its feature set, however, you find that it can do much more with your images than just display them in a slide form.  Although the plugin is multi-faceted, it is easy to implement.  It's also compatible across various browsers.

As stated, Awkward Showcase is a content slider that allows you to showcase your images in a fun, animated manner.  Its real power comes from its multitude of options.  You can see slides in different view modes.  If you want vertical thumbnails, you can add them.  The same holds true for horizontal thumbnails.  To give your images more of an informative touch, captions and tooltips can be added, and they can also be positioned to your liking.  There's also the option to have your content slider use a dynamic height setting to accommodate images of different sizes and orientations.  In short, if you are looking to add your images to a slider but want some flexibility, this is the plugin that will answer the call.

Link: http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin/


AJAX-ZOOM is an extremely useful jQuery plugin that is great for anyone that has an online shop or deals in e-commerce.  The plugin gives you the ability to zoom and pan images to provide a true 360 degree view.  Whether you have 3d objects or high-res images, AJAX-ZOOM can help you display them in their highest form and at all angles.  With its capabilities, AJAX-ZOOM is an obvious choice for sites that concentrate on the sale of products online.  Some examples of sites where AJAX-ZOOM is an ideal fit are sites for cars, real estate, and shoes, just to name a few.

AJAX-ZOOM comes loaded with over 300 options.  The plugin uses image tiles to quickly generate portions of images.  It supports Gdlib and ImageMagick, and it can also integrate easily into a webshop, CMS, or website.  An additional feature of AJAX-ZOOM that is worth mentioning is the fact that the plugin can watermark zoomed images on the fly to protect them from being copied and used on other sites.

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


If you want to add a lot of animation to your site with little work, then jQuery.spritely is one plugin that you definitely need to check out.  The plugin allows you to create animated sprites and dynamic scrolling backgrounds that can help bring a page to life.  Best of all, it does all this while remaining lightweight in form so you can conserve bandwidth. 

The jQuery.spritely plugin can be used on any HTML page.  Once implemented, any part of the page can interact with the sprite, so your animation is hardly limited.  The plugin's advantages are numerous.  You can animate a background or have animated objects hover over parts of a page without affecting its elements.  If a certain platform does not support Flash, using the plugin's animation capabilities gives you a solid alternative.  The plugin also works across browsers and other devices, such as the popular Apple lineup that includes the iPhone, iPad, and iPod Touch.

Link: http://spritely.net/


The MobilySelect plugin works well if you have separate galleries or collections of images on a page that you want to interchange quickly.  For example, one page may feature separate galleries of cars, planes, and boats.  Using MobilySelect, you can click on a button that represents each gallery, and the existing gallery will be replaced or swapped out with the one you wish to view.  This offers a clean setup that is free of clutter.  It also offers some interesting animated effects.

MobilySelect shows the specified collection on startup.  It features callback functions, and it also gives you the option to select between three types of animation.  The plugin is just 2kb in size and is easy to use.

Link: http://playground.mobily.pl/jquery/mobily-select.html

blog comments powered by Disqus

- 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 

Developer Shed Affiliates


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