PicText - jQuery plugin

Creates an overlay with a caption to images from the <img> tag's title or alt text.

Tested and works in Firefox 3.0.5, Opera 9.62, Chrome 1.0.154.43, Safari 3.2.1 and IE 7.0.5730.13 -- All on Win XP

 

Usage:

$('img').picText();

Apply to all images on page

$('#an_image_with_an_id').picText();

Apply to a single image

 

THIS PLUGIN MUST BE CALLED AT THE WINDOW.LOAD EVENT!!

 

Options:

        backgroundColor		// Color of divider's background - Default: "black"
        foregroundColor		// Color of divider's background - Default: "white"
        textAlign			// Text alignment in the overlay - Default: "center"
        fontSize			// Font size of caption - Default: "12"
        fadeInTime			// Time used to show the overlay - Default: "fast"
        fadeOutTime			// Time used to hide the overlay - Default: "slow"
        opacity				// opacity of the overlay when hidden - Default: 0.1
        animateIntro		// Should the divider animate on page load - Default: true
        animateIntroWait	// Time to wait before fading overlay after page load - Default: 1000 (1 second)
    

 

Vinne Jones :D  Alt attribute in img tag

jquery.pictext.js - Download here!

 

blog comments powered by Disqus