How To Create Simple, Stylish and Swappable Image Captions. While they say a picture is worth a thousand words, not every image is self-explanatory. Sometimes a few words of description or context can make the difference between a confusing image and a clarifying one. That’s why image captions are often a good idea. I’ve always liked the idea of giving images captions, but I rarely do.
And why not? It seems to me that most image caption solutions out there: Require a lot of excess HTML,Make it difficult to redesign (because of the rigidity, usually),Don’t make the relationship between image and caption clear, orAll of the above. Today, I propose a solution that addresses many — if not all — of these concerns.
You can view the demo here, or read on for the why- and how-to. How Not To Do Captions An example of an old-school way to deal with image captions might look like this: <table class="image-caption"><tr><td><img src="myimage.jpg" alt="" /></td></tr><tr><td>This is a caption for the image above. So what’s the solution? The Goal The Solution. Dragon Labs. 50+ Amazing Jquery Examples- Part1 | Noupe. Dec 20 2007 * This post is regularly updated. * Many of us have been using a good deal of jQuery plugins lately.
Below I have provided a list of the 50 favorite plugins many developers use. Menu 1) LavaLamp 2) jQuery Collapse -A plugin for jQuery to collapse content of div container. 3) A Navigation Menu- Unordered List with anchors and nested lists, also demonstrates how to add a second level list. 4) SuckerFish Style Tabs 5) jQuery UI Tabs / Tabs 3 – Simple jQuery based tab-navigation 6) TabContainer Theme – JQuery style fade animation that runs as the user navigates between selected tabs. Accordion 7 ) jQuery Accordion Demo 8) Simple JQuery Accordion menu SlideShows 9) jQZoom- allows you to realize a small magnifier window close to the image or images on your web page easily. 10) Image/Photo Gallery Viewer- allows you to take a grouping of images and turn it into an flash-like image/photo gallery.
Transition Effects 12) Easing Plugin- A jQuery plugin from GSGD to give advanced easing options. Use jQuery - Showcase of sites that use jQuery. Toggle | web, branding & graphic design.