Submitted by Gareth Davies on Wed, 06/03/2009 - 07:33.
The file I was referring to there (and re-reading the article, I didn’t make it that clear) is one you create yourself to hook the jquery code onto the image or link elements that need to display the lightbox when clicked.
So once you have all the plugin code in place, open a text editor (or some such) and create a new external javascript file (.js) – you can call it anything you want – jQ is just my naming convention.
Into that then, you place the code:
$(function () {
$(‘’).lightBox();
});
If, like me, all the images on your page have an anchor link with class .thumb, then your selector code would look like:
$(‘a.thumb’).lightBox();
Then just make sure that your newly created file lives in your /extensions/jquery/ folder and is referenced correctly and you should be set.
re: Help
The file I was referring to there (and re-reading the article, I didn’t make it that clear) is one you create yourself to hook the jquery code onto the image or link elements that need to display the lightbox when clicked.
So once you have all the plugin code in place, open a text editor (or some such) and create a new external javascript file (.js) – you can call it anything you want – jQ is just my naming convention.
Into that then, you place the code:
$(function () {
$(‘’).lightBox();
});
If, like me, all the images on your page have an anchor link with class .thumb, then your selector code would look like:
$(‘a.thumb’).lightBox();
Then just make sure that your newly created file lives in your /extensions/jquery/ folder and is referenced correctly and you should be set.
Hope this helps dude!