jQuery Image Overlay Plugin
Posted on Jul 26, 2009
I’ve created my first jQuery plugin this week – it’s an image overlay plugin (the static pic above doesn’t do the plugin justice, so click through to see it in action).
Creating a jQuery plugin isn’t that big a stretch for a competent JavaScript developer. There are quite a few tutorials out there where you can grab a template and start working very quickly. In addition to writing my plugin, I also made sure that it supported the metadata plugin, so that you can dynamically change properties on individual galleries and images, which should go a long way towards usefulness.
If you end up using this plugin, drop a line in the comments with a link so we can check out your work. Hope you enjoy!
July 27th, 2009 at 1:50 pm
Hi: i notice, the text its transparent, its there a way to change the transparency of the text to (for Ex) full white?
Thanks in advance
July 27th, 2009 at 2:04 pm
@Federico – it’s a bit of a hack to do so, I wouldn’t suggest it. You have to put the text in a different container than the transparent overlay in order to have it maintain a different transparency level. This means that you’d have to define the height of your overlay somehow (since it wouldn’t contain the text, rather a different content pane would). You’d also have to reposition the text and make sure it scrolls along with the overlay. I would think a better solution would be to really crank up the opacity of the overlay if you’re concerned about the text being translucent. See this post for more info: http://forums.digitalpoint.com/showthread.php?p=7527871&posted=1#post7527871