Archives for Monday, November 26th, 2007
You are currently browsing 1 article(s) published on Monday, November 26th, 2007, please try the search if you can't fint what you're looking for.
jQuery Imgbox Plug-In
Monday, November 26, 2007
I'm working on a new version of this which will eventually show up on AndreasLagerkvist.com - In the mean time, please check out my image zoom plug-in. The code for the imgbox has been removed.
This plug-in will make any link pointing to an image (png, gif, jpg or bmp) open in the "Imgbox". The Imgbox centers on screen and displays whatever image the link was pointing to, together with the link's title, the image'a alt-attribute and a list of all other images in the same scope.
This way you can use imgbox to create "albums" of images by simply applying the imgbox to different sections of your site.
Say for example you have "Random Images" and "Holiday Pictures"-sections on your site, each wrapped in its own div, then you can use the imgbox to group each set of images like this:
$('#holiday-photos, #random-images').imgbox();
Do not target the links themselves as imgbox looks for links inside the element you tell it to.
It requires jQuery and my center plugin for jQuery and you can get the code here. The default styling of the imgbox can be found here but it's very easy to apply your own styling using the default as a guide.
- Comments are off
- Filed under Accessibility, Javascript, jQuery, Progressive Enhancement
