Support latest jQuery. Better use of small screen estate, fixed buggy features (slideshow, swipes) and reduced system load.<\/p>","1.4.1":"
Swipe gestures, slideshow, sets and lots of fixes. Check your config screen after update!<\/p>","1.3.4.1 (2011-01-31)":"
Updated deprecated jQuery calls (thanks; David Naber)<\/p>","1.3.4":"
Lots of fixes, translations and support for the Admin Bar and Twentyeleven theme.<\/p>","1.3.3":"
Fixes for Internet Explorer. Added Japanese translation.<\/p>","1.3.2":"
Support for auto-lightboxing comments. Added Polish, Russian and Czech languages.<\/p>","1.3.1":"
Added missing files from previous release... Also: mobile support, larger display area.<\/p>","1.3":"
Enables larger viewing area, improved mobile experience and translations.<\/p>","1.2.2":"
Use WordPress bundled jQuery instead of forcing the Google CDN<\/p>","1.2.1":"
Removed forgotten debug call. Important upgrade!<\/p>","1.2":"
Support caption and titles from the Media Library<\/p>","1.1":"
Honors empty captions and fixes some typos.<\/p>","1.0":"
First release.<\/p>"},"ratings":{"1":"6","2":0,"3":0,"4":0,"5":"7"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"A post gallery on Android.","2":"Lightbox displayed in landscape mode. Image info and 'close' is always visible, download link is optional. Click left\/right side of image to navigate the set.","3":"Lightbox, with device rotated. Image remains centered and as wide as possible."}},"plugin_section":[],"plugin_tags":[221,1578,202,237,69182],"plugin_category":[50,59],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-47929","plugin","type-plugin","status-closed","hentry","plugin_tags-ajax","plugin_tags-display","plugin_tags-jquery","plugin_tags-lightbox","plugin_tags-nodal","plugin_category-media","plugin_category-utilities-and-tools","plugin_committers-handymartin"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/wp-handy-lightbox.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n
This plugin lets you keep the awesome Lightbox 2<\/a>-functionality, but sheds the bulk of the Prototype Framework and<\/strong> Scriptaculous Effects Library.<\/p>\n\n Warren Krewenki ported Lightbox to jQuery<\/a> and this plugin is mostly a wrapper to his work: providing localization support, an admin panel for configuration, (optional) auto-boxing of your image links and support for WordPress galleries<\/a>, including<\/em> media library<\/a> titles and captions.<\/p>\n\n You can browse images with your keyboard: Arrows, P(revious)\/N(ext) and X\/C\/ESC for close.<\/p>\n\n All galleries in a post make a single slideshow. To create separate slideshows, use You can manually add a Note the use of title-attribute to set a caption<\/p><\/li>\n To manually group sets of related images, follow step 3 but additionally include a group name in the You can use the To disable<\/em> lightboxing of an image link, just set any other rel-attribute: Keyboard support: Arrows, P(revious)\/N(ext) and X\/C\/ESC for close. Swipe left \/ right on touch devices.<\/p><\/li>\n Infinite-Scroll<\/a> and similar \"endless pages\"-plugins should call On the server side you can apply lightbox to any content by running If you have problems with Handy Lightbox, please make sure you try these steps before asking for help. If you ask for help and I find any of these steps would fix the problem, I will just link you back here to do the work yourself.<\/p>\n\n If you're running a custom theme:<\/p>\n\n Make sure you have For the same reason, always have Many JavaScript optimizers, combiners, minifiers, etc. conflict with If you have problems with jQuery Lightbox; first disable all JavaScript-optimizing plugins. (Optimize Scripts, W3 Total Cache, WP Minify etc)<\/p><\/li>\n If you develop JavaScript optimizers for WordPress, please play nice with the default API...<\/p><\/li>\n<\/ul>\n\n Lastly:<\/p>\n\n Disable all other plugins, one at a time. Try the lightbox between each.<\/p><\/li>\n Revert to the default theme. Did it help? Fix your theme.<\/p><\/li>\n Search the forums for similar symptoms.<\/p><\/li>\n<\/ol>\n\n Still have problems? Post a link and describe what issue you're having, and tell us what of these steps you've already tried.<\/p>\n\n\n If you have problems with Handy Lightbox, please make sure you try these steps before asking for help. If you ask for help and I find any of these steps would fix the problem, I will just link you back here to do the work yourself.<\/p>\n\n If you're running a custom theme:<\/p>\n\n Make sure you have For the same reason, always have Many JavaScript optimizers, combiners, minifiers, etc. conflict with If you have problems with jQuery Lightbox; first disable all JavaScript-optimizing plugins. (Optimize Scripts, W3 Total Cache, WP Minify etc)<\/p><\/li>\n If you develop JavaScript optimizers for WordPress, please play nice with the default API...<\/p><\/li>\n More info about this issue<\/a><\/p><\/li>\n<\/ul>\n\n Lastly:<\/p>\n\n Disable all other plugins, one at a time. Try the lightbox between each.<\/p><\/li>\n Revert to the default theme. Did it help? Fix your theme.<\/p><\/li>\n Search the forums for similar symptoms.<\/p><\/li>\n<\/ol>\n\n Still have problems? Post a link and describe what issue you're having, and tell us what of these steps you've already tried.<\/p><\/dd>\n Handy Lightbox grabs texts from three different HTML nodes;<\/p>\n\n Look at how the default TwentyTwelve theme uses these in its galleries and set up your theme so it outputs what you need in these places.<\/p><\/dd>\n It's a problem of z-index<\/a>. Check the z-index property<\/a> for the problematic elements, and force them to be less than 100. (Thanks dway<\/a>!)<\/p><\/dd>\n Inserting Images into Posts and Pages<\/a><\/p><\/dd>\n Upload images to a post (see previous question) and use WordPress' built-in gallery shortcode<\/a>: Note the WP-jQuery Lightbox lets you configure the animation duration and disable image resizing from the admin panel. Set duration to 0 to disable animations entirely.<\/p><\/dd>\n\n
1.4.5 (2013-06-09)<\/h4>\n\n
\n
1.4.1 (2013-02-03)<\/h4><\/p>\n\n
\n
1.3 (2011-05-01)<\/h4>\n\n
\n
\n
wp-handy-lightbox<\/code>-folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\nHow to Use:<\/h4>\n\n
\n
[gallery link=\"file\"]<\/code><\/a> <\/li>\ngroup<\/code>:<\/p>\n\n[gallery link=\"file\" ids=\"1,2,3\" group=\"mon\"]\n\n[gallery link=\"file\" ids=\"4,5,6\" group=\"tue\"]\n<\/code><\/pre><\/li>\nrel=\"lightbox\"<\/code> attribute to any link:<\/p>\n\n<a href=\"image-1.jpg\" rel=\"lightbox\" title=\"my caption\">image #1<\/a>\n<\/code><\/pre>\n\nrel<\/code> attribute:<\/p>\n\n<a href=\"image-1.jpg\" rel=\"lightbox[roadtrip]\">image #1<\/a>\n\n<a href=\"image-2.jpg\" rel=\"lightbox[roadtrip]\">image #2<\/a>\n\n<a href=\"image-3.jpg\" rel=\"lightbox[roadtrip]\">image #3<\/a>\n<\/code><\/pre><\/li>\ndata-download<\/code> attribute to set a custom download link:<\/p>\n\n<a href=\"image-medium.jpg\" rel=\"lightbox\" data-download=\"image-superlarge.jpg\"> [...] <\/a>\n<\/code><\/pre><\/li>\nrel=\"nobox\"<\/code><\/p><\/li>\ndoLightbox();<\/code> whenever it loads new content. Check your plugin for a setting \nnamed \"callbacks\" - code that is called after each new page is loaded. Add this line;\n if(typeof doLightBox !== 'undefined' && typeof jQuery !== 'undefined'){\n doLightBox();\n }<\/p><\/li>\njqlb_apply_lightbox($your_html_content, \"any ID\");<\/code> It returns a string with all image links lightboxed, grouped by \"any id\"<\/code>.<\/p><\/li>\n<\/ol>\n\nTrouble shooting:<\/h4>\n\n
\n
\n
wp_head();<\/code><\/a> just before the closing <\/head><\/code> tag of your theme, or you will break many plugins, which generally use this hook to reference JavaScript files.<\/p><\/li>\nwp_footer();<\/code> just before the closing <\/body><\/code> tag of your theme.<\/p><\/li>\nwp_localize_script<\/code><\/a>, used to configure this plugin and many others.<\/p><\/li>\n<\/ol>\n\n\n
\n
\n
\n
\n
wp_head();<\/code><\/a> just before the closing <\/head><\/code> tag of your theme, or you will break many plugins, which generally use this hook to reference JavaScript files.<\/p><\/li>\nwp_footer();<\/code> just before the closing <\/body><\/code> tag of your theme.<\/p><\/li>\nwp_localize_script<\/code><\/a>, used to configure this plugin and many others.<\/p><\/li>\n<\/ol>\n\n\n
\n
\n
title<\/code>-attribute of link-to-image<\/li>\nimg<\/code> tag's title<\/code> attribute (if 1 is empty)<\/li>\nimg<\/code> tag's alt<\/code> attribute (if 1 and 2 is empty)<\/li>\n.gallery-caption<\/code> or .wp-caption-text<\/code> (in that order)<\/li>\n<\/ol>\n\n[gallery link=\"file\"]<\/code><\/p>\n\nlink=\"file\"<\/code> - this is crucial! By default the gallery will link your humbnails to a page displaying your image. With link=\"file\"<\/code> the thumbnails links \ndirectly to the image files - allowing Lightbox to function.<\/p><\/dd>\n\n
wp_footer();<\/code> just before the closing <\/body><\/code> tag of your theme, or you will break many plugins, which generally use this hook to reference JavaScript files. <\/li>\njqlb_apply_lightbox($your_content, \"any ID\");<\/code> It returns a string with all image links lightboxed, grouped by \"any id\"<\/code>.<\/li>\nwp_localize_script<\/code><\/a>, used to configure this plugin and many others.<\/li>\n<\/ol>\n\n