projects / project/lightbox2.git / blame
| Commit | Line | Data |
|---|---|---|
| 40acd20e M |
1 | LIGHTBOX V2 MODULE Version 1.0 |
| 2 | ----------------- | |
| 3 | ||
| 4 | Drupal Lightbox V2 Module: | |
| 5 | By: Mark Ashmead | |
| 6 | Mailto: bugzie@gmail.com | |
| 7 | ||
| 8 | Licensed under the GNU/GPL License | |
| 9 | ||
| 10 | This module enables the use of lightbox V2 which places images above your current page, not within. This frees you from the constraints of the layout, particularly column widths.. | |
| 11 | ||
| 12 | --------------------------------------------------------------------------------------------------------- | |
| 13 | ||
| 14 | ||
| 15 | Installation | |
| 16 | ------------ | |
| 17 | 1. Copy lightbox2 folder to modules directory | |
| 18 | 2. At admin/modules enable the module | |
| 19 | 3. Add rel="lightbox" attribute to any link tag to activate the lightbox. For example: | |
| 20 | ||
| 21 | <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> | |
| 22 | ||
| 23 | Optional: Use the title attribute if you want to show a caption. | |
| 24 | ||
| 25 | 4. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example: | |
| 26 | ||
| 27 | <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> | |
| 28 | <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> | |
| 29 | <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a> | |
| 30 | ||
| 31 | No limits to the number of image sets per page or how many images are allowed in each set. Go nuts! | |
| 32 | ||
| 33 | 5. If you wish to turn the caption into a link, format your caption in the following way: | |
| 34 | ||
| 35 | <a href="images/image-1.jpg" rel="lightbox" title='<a href="http://www.yourlink.com">Clicky Visit Link</a>'>image #1</a> | |
| 36 | ||
| 37 | ||
| 38 | Information | |
| 39 | ------------- | |
| 40 | ||
| 41 | This module will include the lightbox CSS and JS files in your Drupal Installation without the need to edit the theme. |