 readme contents of this file introduction installation adding lightbox functionality to your images no grouping with grouping slideshow video html content support inline content support turning the image caption into a link keyboard shortcuts translation of configured strings known issues keyboard shortcuts in opera introduction maintainers stella power http drupalorg user 66894 daniel f kudwien http drupalorg user 54136 mark ashmead http drupalorg user 52392 documentation http drupalorg node 144469 licensed under the gnu gpl license based on lightbox v2033 by lokesh dhakar originally written to make use of the prototype framework and scriptacalous now altered to use jquery permission has been granted to mark ashmead other drupal lightbox2 module maintainers to distribute the original lightboxjs via drupalorg under this license scheme this file has been subsequently modified to make use of jquery instead of prototype scriptacalous this module enables the use of lightbox2 which places images above your current page not within this frees you from the constraints of the layout particularly column widths this module will include the lightbox css and js files in your drupal installation without the need to edit the theme the module comes with a lightbox2 lite option which does not use the jquery libraries it is therefore less likely to conflict with anything else installation 1 copy lightbox2 folder to modules directory 2 at admin build modules enable the lightbox2 module 3 enable permissions at admin user permissions 4 configure the module at admin settings lightbox2 5 modify your image links to open in a lightbox where necessary see adding lightbox functionality to your images section below 6 if you need to play flv files then you may need to install a flv player there are a number of freely available ones on the internet including http wwwjeroenwijeringcom adding lightbox functionality to your images no grouping add rel lightbox attribute to any link tag to activate the lightbox for example  image 1 image 1 optional to show a caption either use the title attribute or put in the second set of of the rel attribute with grouping 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  image 1 image 2 image 3 no limits to the number of image sets per page or how many images are allowed in each set go nuts if you have a set of images that you would like to group together in a lightbox but only wish for one of these images to be visible on your page you can assign the lightboxhideimage class to hide the additional images for example  image 1 image 2 image 3 slideshow this is very similar to the grouping functionality described above the only difference is that rel attribute should be set to lightshow instead of lightbox using the same example as above we could launch the images in a slideshow by doing  image 1 image 2 image 3 video it s possible to show video content in the lightbox in this case the rel attribute should be set to lightvideo it s possible to group videos and to control the size of the lightbox by setting the width and height properties the properties can be configured like lightvideo group width 300px height 200px and lightvideo width 300px height 200px my caption the properties should all be of the format property value note the closing semicolon if no properties are set then the default width and height of 400px will be used see below for more detailed examples basic example  google video example default size basic example with caption  google video example default size grouped example  grouped example 1 grouped example 2 controlling lightbox size example  google video example custom size supported video formats asx wmv mov and swf videos should all be supported a number of video providers are also supported for example youtube and google video for full details on how to integrate these with lightbox please see the online documentation html content support it s possible to show webpage content in the lightbox using iframes in this case the rel attribute should be set to lightframe again it s possible to group the content eg lightframe search but in addition to that it s possible to control some of the iframe properties it s possible to set the width height and scrolling properties of the iframe the properties are separated from the group name by a for example lightframe search width 100px and lightframe search width 100px my caption if no grouping is being used then the is still used and the format would be lightframe width 100px the properties should all be of the format property value note the closing semicolon if no iframe properties are set then the default width and height of 400px will be used see below for more detailed examples basic example  search google basic example with caption  search google grouped example  search google search yahoo controlling iframe property example  search google controlling iframe property when grouped example  search google search yahoo search yahoo inline content support it s possible to show html snippets in the lightbox that is on the same domain in this case the rel attribute should be set to lightmodal again it s possible to group the content eg lightmodal search but in addition to that it s possible to control some of the inline modal properties it s possible to set the width height and scrolling properties of the inline content the properties are separated from the group name by a for example lightmodal search width 100px and lightmodal search width 100px my caption if no grouping is being used then the is still used and the format would be lightmodal width 100px the properties should all be of the format property value note the closing semicolon if no properties are set then the default width and height of 400px will be used see below for more detailed examples basic example  search basic example with caption  search grouped example  search search published content controlling modal property example  search controlling modal property when grouped example  search search published content search unpublished content turning the image caption into a link if you wish to turn the caption into a link format your caption in the following way  