Image Caption - Surrounding Text

With the help of this script, adding text to accompany images could not be easier. Give your image a "title" -- how appropriate -- and a className, and in a few seconds you will have beautiful looking captions for your images. And, you can use HTML elements.




Over 2000+ free Javascript
at JavaScriptBank.com Website
Sampled by JavaScriptBank.com

And here's some text about the photo in the surrounding paragraph...

The text in the paragraphs following the image will automatically wrap around it and its caption, so no more layout headaches when you have to change captions!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Text Formatting in Captions
Even though you're working within a tag's title attribute, you can still add HTML to your captions, provided you remember to use single quotes and escape your less than and greater than signs.

Need to Switch Sides?
If you add the floatr class to your image, it will float on the right side of your text instead of the left: class="imgcaption floatr"