CINXE.COM

WordPress › Lightbox Plus « WordPress Plugins

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"><head profile="http://gmpg.org/xfn/11"><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://wordpress.org/extend/plugins/lightbox-plus/","20130117095850","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1358416730"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!-- <meta property="fb:page_id" content="6427302910" /> --> <link href="https://plus.google.com/107188080561309681193" rel="publisher"/> <meta name="google-site-verification" content="7VWES_-rcHBcmaQis9mSYamPfNwE03f4vyTj4pfuAw0"/> <title>WordPress &#8250; Lightbox Plus &laquo; WordPress Plugins</title> <link rel="stylesheet" href="https://web.archive.org/web/20130117095850cs_/http://s.wordpress.org/style/wp4.css?27"/> <link media="only screen and (max-device-width: 480px)" href="https://web.archive.org/web/20130117095850cs_/http://s.wordpress.org/style/iphone.css" type="text/css" rel="stylesheet"/> <link rel="shortcut icon" href="https://web.archive.org/web/20130117095850im_/http://s.wordpress.org/favicon.ico?3" type="image/x-icon"/> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20130117095850/https://ssl." : "https://web.archive.org/web/20130117095850/http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-52447-1"); pageTracker._initData(); pageTracker._trackPageview(); function recordOutboundLink(link, category, action) { pageTracker._trackEvent(category, action); setTimeout('document.location = "' + link.href + '"', 100); } </script> <!--[if lte IE 8]> <style type="text/css"> @import url("http://s.wordpress.org/style/ie.css?1"); </style> <![endif]--> <style type="text/css"> @import url("https://web.archive.org/web/20130117095850cs_/http://s.wordpress.org/style/forum-wp4.css?11"); </style> <style type="text/css"> @import url("https://web.archive.org/web/20130117095850cs_/http://s.wordpress.org/extend/extend-themes/plugins/style-wp4.css?m=1342476347"); </style> <!--[if IE 7]> <style type="text/css"> @import url("http://s.wordpress.org/style/forum-ie7.css?7"); </style> <![endif]--><meta name="generator" content="bbPress 1.1"/> <script type="text/javascript" src="https://web.archive.org/web/20130117095850js_/http://wordpress.org/extend/plugins/bb-includes/js/jquery/jquery.js?ver=1.4.2"></script> <style type="text/css"> div.plugin-contributor { overflow: auto; margin: 2px 0; } div.plugin-contributor-info.no-profile { line-height: 36px; } .plugin-contributor-gravatar img { vertical-align: bottom; margin-right: 8px; margin-top: 4px; border-radius: 3px; } div.plugin-contributor-profile { float:left; } .plugin-contributor-gravatar { float:left; } .plugin-contributor-info { margin: 6px 0 0; line-height: 15px; } .plugin-contributor-links { margin-top: 2px; font-size: 11px; } div.extra-plugin-authors, div.plugin-donate { clear:both; text-align:center; margin-top: 3px; } div.sidebox { margin: 6px 0; padding-bottom: 12px; } div.sidebox h3.head { padding-left:0; margin-bottom: 6px; } .hide-if-no-js { display:none; } </style> <script> (function($){ $(document).ready( function() { $('.hide-if-js').hide(); $('.hide-if-no-js').show(); $('.extra-plugin-authors a').click( function() { $('.plugin-contributor.hide-if-js').toggle(); $('.extra-plugin-authors a').toggle(); return false; }); }); })(jQuery); </script> <style type="text/css"> div.plugin-notice { border: 1px solid; padding: 4px 12px; margin-bottom: 20px; border-radius: 6px; overflow: auto; } div.plugin-notice-approved { background-color: #DFF2BF; color: #4F8A10; } div.plugin-notice-closed, div.plugin-notice-disabled, div.plugin-notice-rejected { background-color: #FFBABA; color: #D8000C; } div.plugin-notice-open-old { background-color: #FEEFB3; color: #9F6000; } div.plugin-notice-requested { background-color: #BDE5F8; color: #00529B; } div.plugin-notice span:first-child { padding: 1px 10px 3px; border-radius: 25px; color: white; font-size: 18px; font-weight: bold; font-family: Verdana; float: left; margin: 0 8px 0 0; } div.plugin-notice-approved span:first-child { background-color: #4F8A10; } div.plugin-notice-closed span:first-child, div.plugin-notice-disabled span:first-child, div.plugin-notice-rejected span:first-child { background-color: #D8000C; } div.plugin-notice-open-old span:first-child { background-color: #9F6000; } div.plugin-notice-requested span:first-child { background-color: #00529B; } span.plugin-notice-banner-msg { float: left; width: 95%; line-height: 1.3em; padding-top: 5px; } div.plugin-notice-open-old { padding-top: 8px; padding-bottom: 8px; } div.plugin-notice-open-old span.plugin-notice-banner-msg { padding-top: 0; } </style> <link rel="stylesheet" href="https://web.archive.org/web/20130117095850cs_/http://wordpress.org/extend/plugins-plugins/bb-ratings/bb-ratings.css?4" type="text/css"/> <style type="text/css"> #pagebody .support-sidebox p { margin: 0 0 8px 0; } .plugin-submit-support { text-align: center; } .plugin-submit-support a { display: block; margin: 4px auto 2px; padding: 3px 6px; border-radius: 6px; border: 1px solid #000; background-color: #439e47; width: 60%; color: #fff; } .plugin-submit-support a:hover { background-color: #218834; } div.support-sidebox { margin: 6px 0; padding-bottom: 12px; } div.support-sidebox h3.head { padding-left: 0; margin-bottom: 6px; } a.plugin-support-link { display: block; text-align: center; } </style> <style type="text/css"> #compatibility { margin: 0 0 1em; padding: 0 0 12px; } #compatibility h3 { margin: 0 0 6px; padding-left:0; } #compatibility h4 { margin: 0 12px 8px; padding: 0; border: none; text-align: center; } #compatibility .form-table { margin: 0; } #compatibility .form-table tr { background-color: transparent; } #compatibility .form-table th { padding: 0 10px 4px; width: auto; border: none; font-weight: normal; } #compatibility .form-table td { padding: 0 10px 4px; width: 100%; border: none; } #compatibility .form-table td.sign { width: auto; } #compatibility .form-table select { width: 100%; } #compatibility label { font-weight:normal; } #compatibility p { margin: 0; padding: 0 12px 4px; font-size:11px; line-height:1.4em; text-align:right; } #compatibility button.works { float: right; } #compatibility button.broken { float: left; } #compatibility button.active { font-weight: bold; } #compatibility button.active:before { content: "\25CF"; font-size: 1.6em; line-height: .625; vertical-align: -2px; padding-right: .2em; } #compatibility button.works:before { color: #0c0; } #compatibility button.broken:before { color: #c00; } .compatibility-bar { height: 25px; line-height: 25px; text-align: center; margin-top:4px; } #compatibility-bar-works { background-color: #6f6; } #compatibility-bar-broken { background-color: #f33; color: #fff; } #compatibility-bar-data { background-color: #ff6; } #compatibility-table { display: none; } p#compatibility-login-link { text-align:center; } </style> <!--[if IE]> <style type="text/css"> #compatibility button.active:before { vertical-align: -1px; } </style> <![endif]--> <script type="text/javascript"> jQuery( function($) { var cbs = $('.compatibility-bar'), worksBar = $('#compatibility-bar-works'), brokeBar = $('#compatibility-bar-broken'), dataBar = $('#compatibility-bar-data'), buttons = $('#compatibility button'), wpv = $('#compatibility-version'), tv = $('#compatibility-topic-version'), works, cell, ratio, worksText = $('#compatibility-works'), brokeText = $('#compatibility-broken'), worksTextN = [ '1 person says it works.', '%d people say it works.' ], brokeTextN = [ '1 person says it\'s broken.', '%d people say it\'s broken.' ]; $('.compatibility select').change( function() { cell = $( '#compatibility-version-' + wpv.val().replace( /[.]/g, '_' ) ).find( '.compatibility-topic-version-' + tv.val().replace( /[.]/g, '_' ) ); works = $.map( cell.text().split( ',' ), function(a) { return parseInt( a ); } ); buttons.removeClass( 'active' ); cbs.hide(); if ( wpv.val() == null || tv.val() == null || isNaN( works[0] ) ) { dataBar.show(); worksText.text( worksTextN[1].replace( '%d', 0 ) ); brokeText.text( brokeTextN[1].replace( '%d', 0 ) ); } else { if ( 4 > works[1] ) { dataBar.show(); } else { ratio = works[2] / works[1]; if ( 0.7 <= ratio ) { worksBar.show(); } else if ( 0.3 >= ratio ) { brokeBar.show(); } else { dataBar.show(); } } worksText.text( worksTextN[ 1 == works[2] ? 0 : 1 ].replace( '%d', works[2].toString() ) ); brokeText.text( brokeTextN[ 1 == works[1] - works[2] ? 0 : 1 ].replace( '%d', ( works[1] - works[2] ).toString() ) ); if ( cell.hasClass( 'user-works' ) ) { buttons.filter( '.works' ).addClass( 'active' ); } else if ( cell.hasClass( 'user-broken' ) ) { buttons.filter( '.broken' ).addClass( 'active' ); } } } ).filter( ':first' ).change(); } ); </script> <script>document.cookie='devicePixelRatio='+((window.devicePixelRatio === undefined) ? 1 : window.devicePixelRatio)+'; path=/';</script> </head> <body id="wordpress-org"> <div id="header"> <div class="wrapper"> <h1><a href="https://web.archive.org/web/20130117095850/http://s.wordpress.org/">WordPress.org</a></h1> <form action="https://web.archive.org/web/20130117095850/http://wordpress.org/search/do-search.php" method="get" id="head-search"> <input class="text" name="search" type="text" value="Search WordPress.org" maxlength="150" onfocus="this.value=(this.value=='Search WordPress.org') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Search WordPress.org' : this.value;"/> <input type="submit" class="button" value="Go"/> </form> <ul> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/showcase/" title="See some of the sites built on WordPress.">Showcase</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/themes/" title="Find just the right look for your website.">Themes</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/" title="Plugins can extend WordPress to do almost anything you can imagine." class="current">Plugins</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/mobile/" title="Take your website on the go!">Mobile</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/" title="Forums, documentation, help.">Support</a><ul class="nav-submenu"><li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/" title="Support and discussion forums.">Forums</a></li><li><a href="https://web.archive.org/web/20130117095850/http://codex.wordpress.org/Main_Page" title="Documentation, tutorials, best practices.">Docs</a></li></ul></li> <li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/" title="Contribute your knowledge.">Get Involved</a><ul class="nav-submenu"><li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/core/" title="Write the code.">Core</a></li><li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/ui/" title="Improve the interface.">UI</a></li><li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/accessibility/" title="Create a better experience.">Accessibility</a></li><li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/plugins/" title="Extend the system.">Plugins</a></li><li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/themes/" title="Beautify the web.">Themes</a></li><li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/support/" title="Help the users.">Support</a></li><li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/polyglots/" title="Translate for the world.">Polyglots</a></li><li><a href="https://web.archive.org/web/20130117095850/http://make.wordpress.org/mobile/" title="On the go.">Mobile</a></li></ul></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/about/" title="About the WordPress Organization, and where we're going.">About</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/news/" title="Come here for the latest scoop.">Blog</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/hosting/" title="Find a home for your blog.">Hosting</a></li> <li id="download"><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/download/" title="Get it. Got it? Good.">Download</a></li> </ul> </div> </div> <div id="headline"> <div class="wrapper"> <h2><a href="/web/20130117095850/http://wordpress.org/extend/plugins">Plugin Directory</a></h2> <form class="login" method="post" action="https://web.archive.org/web/20130117095850/http://wordpress.org/support/bb-login.php"> <p><label>Username <input class="text" name="user_login" type="text" id="user_login" size="13" maxlength="40" value=""/> </label> <label>Password <input class="text" name="password" type="password" id="password" size="13" maxlength="40"/> </label> <input name="re" type="hidden" value=""/> <input type="submit" class="button-secondary" name="Submit" id="submit" value="Log in"/> (<a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/bb-login.php">forgot?</a>) or <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/register.php">Register</a></p> </form> </div> </div> <div id="pagebody"> <div class="wrapper"> <div class="col-2" id="sidebar"> <ul class="submenu"> <li><a href="/web/20130117095850/http://wordpress.org/extend/">Extend Home</a></li> <li><a href="/web/20130117095850/http://wordpress.org/extend/plugins/">Plugins</a> <ul style="padding: 0; margin: 6px 0;"> <li class="view"><a href="/web/20130117095850/http://wordpress.org/extend/plugins/about/">Developer Center</a></li> </ul> </li> <li><a href="/web/20130117095850/http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="/web/20130117095850/http://wordpress.org/extend/mobile/">Mobile</a></li> <li><a href="/web/20130117095850/http://wordpress.org/extend/ideas/">Ideas</a></li> <li><a href="/web/20130117095850/http://wordpress.org/extend/kvetch/">Kvetch!</a></li> </ul> <h4>Search Plugins</h4><form id="side-search" method="get" action="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/search.php"> <div> <input type="text" class="text" name="q" value=""/> <input type="submit" class="button" value="Search"/><br class="clear"/> </div> </form> <h4 class="plugin-tags">Popular Tags<a class="more" href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/">More &#187;</a></h4> <ul class="submenu"> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/widget">widget (3406)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/post">Post (2207)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/plugin">plugin (2091)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/admin">admin (1732)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/posts">posts (1645)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/sidebar">sidebar (1450)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/twitter">twitter (1165)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/google">google (1160)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/comments">comments (1153)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/images">images (1119)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/page">page (1066)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/image">image (982)</a></li> <li><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/links">links (892)</a></li> </ul> </div> <div class="col-10"> <div itemscope itemtype="http://schema.org/Product"> <div id="plugin-title" class="with-banner"> <div class="vignette"></div> <style type="text/css"> #plugin-title { width:772px; height:250px; background-image: url(https://web.archive.org/web/20130117095850im_/http://s-plugins.wordpress.org/lightbox-plus/assets/banner-772x250.jpg?rev=482987); background-size:772px 250px; } </style> <h2 itemprop="name">Lightbox Plus</h2> </div> <div id="plugin-description"> <p itemprop="description" class="shortdesc"> Lightbox Plus permits users to view larger versions of images, simple slide shows, videos and content all in an overlay. </p> <div class="description-right"> <p class="button"><a itemprop="downloadUrl" href="https://web.archive.org/web/20130117095850/http://downloads.wordpress.org/plugin/lightbox-plus.2.5.5.zip">Download Version 2.5.5</a></p> <meta itemprop="softwareVersion" content="2.5.5"/> <meta itemprop="fileFormat" content="application/zip"/> </div> </div> <div class="col-7"> <div id="plugin-info" class="block description"> <div class="head head-big"> <ul id="sections"> <li class="section-description current"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/lightbox-plus/">Description</a> </li> <li class="section-installation"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/lightbox-plus/installation/">Installation</a> </li> <li class="section-faq"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/lightbox-plus/faq/">FAQ</a> </li> <li class="section-screenshots"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/lightbox-plus/screenshots/">Screenshots</a> </li> <li class="section-other_notes"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/lightbox-plus/other_notes/">Other Notes</a> </li> <li class="section-changelog"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/lightbox-plus/changelog/">Changelog</a> </li> <li class="section-stats"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/lightbox-plus/stats/">Stats</a> </li> <li class="section-support"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/plugin/lightbox-plus">Support</a> </li> <li class="section-reviews"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/view/plugin-reviews/lightbox-plus">Reviews</a> </li> <li class="section-developers"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/lightbox-plus/developers/">Developers</a> </li> </ul> </div> <div class="block-content"><p>Lightbox Plus implements ColorBox as a lightbox image overlay tool for WordPress. <a href="https://web.archive.org/web/20130117095850/http://www.jacklmoore.com/colorbox" rel="nofollow">ColorBox</a> was created by Jack Moore and is licensed under the <a href="https://web.archive.org/web/20130117095850/http://www.opensource.org/licenses/mit-license.php" rel="nofollow">MIT License</a>. Lightbox Plus for WordPress implements ColorBox as a lightbox image overlay tool for WordPress. ColorBox was created by Jack Moore and is licensed under the MIT License. Lightbox Plus permits users to view larger versions of images without having to leave the current page. Lightbox is able to add a lightbox to WordPress gallery images, display simple slide shows, video, forms and external content in overlays. The use of the dark or light background, which dims the page over which the image has been overlaid, also serves to highlight the image or video being viewed. Lightbox Plus captures the image title for display in the overlay.</p> <p>Lightbox Plus uses WordPress' built in jQuery library. Lightbox Plus also uses the <a href="https://web.archive.org/web/20130117095850/http://simplehtmldom.sourceforge.net/" title="PHP Simple HTML DOM Parser" rel="nofollow">PHP Simple HTML DOM Parser</a> helper class to navigate page content for inserting the Lightbox attibutes into elements.</p> <h4>Troubleshooting</h4> <p>Please read the <a href="https://web.archive.org/web/20130117095850/http://www.23systems.net/plugins/lightbox-plus/frequently-asked-questions/" rel="nofollow">FAQ</a> first if you are having problems.</p> <p>We offer limited support for Lightbox Plus via the <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/plugin/lightbox-plus" title="Lightbox Plus Direct Support" rel="nofollow">support forums</a>.</p> <p>For more in-depth support or if you need extra help you may place a service request using the form聽on the <a title="Get technical support for 23Systems free WordPress plugins" href="https://web.archive.org/web/20130117095850/http://www.23systems.net/services/support/plugin-support/" rel="nofollow">Plugin Support Request</a> page. Due to the volume of questions, I cannot may not be able to offer individual support though in an effort to resolve the issue I may contact you. The issue may be resolved by a new release of Lightbox Plus but it does help me get a better understanding of the issue.</p> <h4>Requirements</h4> <p>Server</p> <ul> <li>WordPress 3.0+</li> <li>PHP 5+ (Required) <ul> <li>PHP mbstring extension (preferred but no longer required)</li> </ul></li> <li>jQuery 1.4.3+</li> </ul> <p>Support for PHP 4 has been completely removed - DO NOT UPDATE if you want Lightbox Plus to work with PHP 4.</p> <p>Client</p> <ul> <li>IE 7+, Firefox 2+, Chrome, Safari 3+, Opera 8+</li> </ul> <h4>Usage</h4> <p>Note that getting the caption to appear in the overlay image by using the caption options built into WordPress Lightbox Plus uses the image title which is generated by "Edit Image Title" field and not the "Edit Caption Field." You can also manually add lightbox tags to your images using the following instructions.</p> <ol> <li><p>Add a rel="lightbox[uniqueID|filename]" attribute to any link tag to activate the lightbox, include a name between square brackets in the rel attibute. For example:</p> <pre><code>&lt;a href="images/image-1.jpg" rel="lightbox&#x5b;uniqueID|filename]" title="my caption"&gt;image #1&lt;/a&gt; </code></pre></li> </ol> <p>Optional: Use the title attribute if you want to show a caption.</p> <ol> <li><p>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:</p> <pre><code>&lt;a href="images/image-1.jpg" rel="lightbox&#x5b;roadtrip]"&gt;image #1&lt;/a&gt; &lt;a href="images/image-2.jpg" rel="lightbox&#x5b;roadtrip]"&gt;image #2&lt;/a&gt; &lt;a href="images/image-3.jpg" rel="lightbox&#x5b;roadtrip]"&gt;image #3&lt;/a&gt; </code></pre></li> </ol> <div id="plugin-tags"> <strong>Tags:</strong> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/ajax" rel="tag">AJAX</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/colorbox" rel="tag">colorbox</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/gallery" rel="tag">gallery</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/image" rel="tag">image</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/images" rel="tag">images</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/lightbox" rel="tag">lightbox</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/lightview" rel="tag">lightview</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/overlay" rel="tag">overlay</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/photo" rel="tag">photo</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/photos" rel="tag">photos</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/picture" rel="tag">picture</a>, <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/extend/plugins/tags/video" rel="tag">video</a> </div> </div><!-- block-content--></div> <div id="ajax-response"></div> </div> <div class="col-3"> <p> <strong>Requires: </strong>3.0 or higher<br/> <strong>Compatible up to: </strong>3.6-alpha<br/> <strong>Last Updated: </strong> <meta itemprop="dateModified" content="2013-1-17"/>2013-1-17<br/> <strong>Downloads: </strong><meta itemprop="interactionCount" content="UserDownloads:650226"/>650,226<br/> </p> <link itemprop="SoftwareApplicationCategory" href="http://schema.org/OtherApplication"/><span itemprop="offers" itemscope itemtype="http://schema.org/Offer"><meta itemprop="price" content="0.00"><meta itemprop="priceCurrency" content="USD"/></span> <div class="left" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="4.25"/> <meta itemprop="ratingCount" content="220"/> <h4>Ratings</h4> <div class="star-holder"> <div class="star-rating" style="width: 78.2px">4 stars</div> </div> <span>4.3 out of 5 stars</span> <div class="counter-container"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/view/plugin-reviews/lightbox-plus?filter=5" title="Click to see reviews that provided a rating of 5 stars"> <span class="counter-label" style="float:left; margin-right:5px;">5 stars</span> <span class="counter-back" style="height:17px;width:92px;background-color:#ececec;float:left;"> <span class="counter-bar" style="width: 63.145454545455px;height:17px;background-color:#fddb5a;float:left;"> </span> </span> </a> <span class="counter-count" style="margin-left:5px;">151</span> </div> <div class="counter-container"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/view/plugin-reviews/lightbox-plus?filter=4" title="Click to see reviews that provided a rating of 4 stars"> <span class="counter-label" style="float:left; margin-right:5px;">4 stars</span> <span class="counter-back" style="height:17px;width:92px;background-color:#ececec;float:left;"> <span class="counter-bar" style="width: 13.8px;height:17px;background-color:#fddb5a;float:left;"> </span> </span> </a> <span class="counter-count" style="margin-left:5px;">33</span> </div> <div class="counter-container"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/view/plugin-reviews/lightbox-plus?filter=3" title="Click to see reviews that provided a rating of 3 stars"> <span class="counter-label" style="float:left; margin-right:5px;">3 stars</span> <span class="counter-back" style="height:17px;width:92px;background-color:#ececec;float:left;"> <span class="counter-bar" style="width: 2.0909090909091px;height:17px;background-color:#fddb5a;float:left;"> </span> </span> </a> <span class="counter-count" style="margin-left:5px;">5</span> </div> <div class="counter-container"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/view/plugin-reviews/lightbox-plus?filter=2" title="Click to see reviews that provided a rating of 2 stars"> <span class="counter-label" style="float:left; margin-right:5px;">2 stars</span> <span class="counter-back" style="height:17px;width:92px;background-color:#ececec;float:left;"> <span class="counter-bar" style="width: 0.83636363636364px;height:17px;background-color:#fddb5a;float:left;"> </span> </span> </a> <span class="counter-count" style="margin-left:5px;">2</span> </div> <div class="counter-container"> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/view/plugin-reviews/lightbox-plus?filter=1" title="Click to see reviews that provided a rating of 1 star"> <span class="counter-label" style="float:left; margin-right:5px;">1 stars</span> <span class="counter-back" style="height:17px;width:92px;background-color:#ececec;float:left;"> <span class="counter-bar" style="width: 12.127272727273px;height:17px;background-color:#fddb5a;float:left;"> </span> </span> </a> <span class="counter-count" style="margin-left:5px;">29</span> </div> </div> <br class="clear"/> <div id="related"> </div> <div class="sidebox block"> <a name="plugin-contributors"></a> <h3 class="head">Author</h3> <div> <div class="plugin-authors"> <div class="plugin-contributor"> <a class="plugin-contributor-gravatar" rel="author" href="https://web.archive.org/web/20130117095850/http://profiles.wordpress.org/dzappone/"><img alt="" src="https://web.archive.org/web/20130117095850im_/http://www.gravatar.com/avatar/f2004c6de96fb44763a79fc15e62b567?s=36&amp;d=monsterid&amp;r=g" class="photo avatar avatar-36" style="height:36px; width:36px;"/></a> <div class="plugin-contributor-info"> <div><a href="https://web.archive.org/web/20130117095850/http://profiles.wordpress.org/dzappone/">Dan Zappone</a></div> <div class="plugin-contributor-links">4 plugins </div></div> </div> </div> <div class="plugin-donate"><a href="https://web.archive.org/web/20130117095850/http://www.23systems.net/plugins/donate/">Donate to this plugin &#187;</a></div> </div> </div> <div class="support-sidebox block"> <h3 class="head">Support</h3> <div> <p>14 of 37 support threads in the last two months have been resolved.</p> <p>Got something to say? Need help?</p> <div class="plugin-submit-support"><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/plugin/lightbox-plus">View support forum</a></div> </div> </div> <div id="compatibility" class="block"> <h3 class="head">Compatibility</h3> <form class="compatibility" action="" method="post"> <table class="form-table"> <tr> <td class="sign"></td> <th scope="row"><label for="compatibility-version">WordPress</label></th> <td> <select id="compatibility-version" name="compatibility[version]"> <option value="3.5" selected="selected">3.5</option> <option value="3.4.2">3.4.2</option> <option value="3.4.1">3.4.1</option> <option value="3.4">3.4</option> <option value="3.3.2">3.3.2</option> <option value="3.3.1">3.3.1</option> <option value="3.3">3.3</option> <option value="3.2.1">3.2.1</option> <option value="3.2">3.2</option> <option value="3.1.4">3.1.4</option> <option value="3.1.3">3.1.3</option> <option value="3.1.2">3.1.2</option> <option value="3.1.1">3.1.1</option> <option value="3.1">3.1</option> <option value="3.0.5">3.0.5</option> <option value="3.0.4">3.0.4</option> <option value="3.0.3">3.0.3</option> <option value="3.0.2">3.0.2</option> <option value="3.0.1">3.0.1</option> <option value="3.0">3.0</option> <option value="2.9.2">2.9.2</option> <option value="2.9.1">2.9.1</option> <option value="2.9">2.9</option> <option value="2.8.6">2.8.6</option> </select> </td> </tr> <tr> <td class="sign">+</td> <th scope="row"><label for="compatibility-topic-version">Plugin</label></th> <td> <select id="compatibility-topic-version" name="compatibility[topic_version]"> <optgroup label="Current Version"> <option value="2.5.5" selected="selected">2.5.5</option> </optgroup> <optgroup label="Other Versions"> <option value="2.5.4">2.5.4</option> <option value="2.5.3">2.5.3</option> <option value="2.5.2">2.5.2</option> <option value="2.5.1">2.5.1</option> <option value="2.5">2.5</option> <option value="2.4.6">2.4.6</option> <option value="2.4.5">2.4.5</option> <option value="2.4">2.4</option> <option value="2.3.1">2.3.1</option> <option value="2.3">2.3</option> <option value="2.2.2">2.2.2</option> <option value="2.2.1">2.2.1</option> <option value="2.2">2.2</option> <option value="2.1">2.1</option> <option value="2.0.5">2.0.5</option> <option value="2.0.1">2.0.1</option> <option value="2.0">2.0</option> <option value="1.6.9.7">1.6.9.7</option> <option value="1.6.9.6">1.6.9.6</option> <option value="1.6.9.5">1.6.9.5</option> <option value="1.6.9">1.6.9</option> <option value="1.6.8">1.6.8</option> <option value="1.6.7">1.6.7</option> <option value="1.6.6">1.6.6</option> <option value="1.6.3">1.6.3</option> <option value="1.6.2">1.6.2</option> <option value="1.6.1">1.6.1</option> <option value="1.6">1.6</option> <option value="1.5.5">1.5.5</option> <option value="1.5.4">1.5.4</option> <option value="1.5.3.1">1.5.3.1</option> <option value="1.5.3">1.5.3</option> <option value="1.5.2">1.5.2</option> <option value="1.5.1">1.5.1</option> <option value="1.5">1.5</option> <option value="1.3.4">1.3.4</option> <option value="1.3.3">1.3.3</option> <option value="1.3.2">1.3.2</option> <option value="1.3.1">1.3.1</option> <option value="1.3.0">1.3.0</option> <option value="1.1.1">1.1.1</option> <option value="1.1.0">1.1.0</option> <option value="1.0.1">1.0.1</option> </optgroup> </select> </td> </tr> <tr class="equals"> <td class="sign">=</td> <td colspan="2"> <div class="compatibility-bar" id="compatibility-bar-works" style="display: none;">Works!</div> <div class="compatibility-bar" id="compatibility-bar-broken" style="display: none;">Broken :(</div> <div class="compatibility-bar" id="compatibility-bar-data">Not enough data</div> </td> </tr> </table> <p> <span id="compatibility-works">0 people say it works.</span><br/> <span id="compatibility-broken">0 people say it's broken.</span> </p> <p id="compatibility-login-link"><a href="https://web.archive.org/web/20130117095850/http://wordpress.org/support/bb-login.php?re=http%3A%2F%2Fwordpress.org%2Fextend%2Fplugins%2Flightbox-plus%2F">Log in to vote.</a></p> <table id="compatibility-table"> <tr id="compatibility-version-2_8_4"> <td class="compatibility-topic-version-1_6_2">100,1,1</td> <td class="compatibility-topic-version-1_6_3">100,1,1</td> <td class="compatibility-topic-version-1_6_6">100,1,1</td> <td class="compatibility-topic-version-1_6_7">100,1,1</td> </tr> <tr id="compatibility-version-2_8_5"> <td class="compatibility-topic-version-1_6_2">100,1,1</td> <td class="compatibility-topic-version-1_6_3">100,5,5</td> <td class="compatibility-topic-version-1_6_6">100,1,1</td> <td class="compatibility-topic-version-1_6_7">100,1,1</td> </tr> <tr id="compatibility-version-2_8_6"> <td class="compatibility-topic-version-1_6_2">100,1,1</td> <td class="compatibility-topic-version-1_6_3">83,6,5</td> <td class="compatibility-topic-version-1_6_6">100,1,1</td> <td class="compatibility-topic-version-1_6_7">100,1,1</td> <td class="compatibility-topic-version-1_6_9_7">100,1,1</td> </tr> <tr id="compatibility-version-2_9"> <td class="compatibility-topic-version-1_6_3">67,6,4</td> <td class="compatibility-topic-version-1_6_9_7">100,1,1</td> </tr> <tr id="compatibility-version-2_9_1"> <td class="compatibility-topic-version-1_6_2">0,1,0</td> <td class="compatibility-topic-version-1_6_3">80,5,4</td> <td class="compatibility-topic-version-1_6_6">80,5,4</td> <td class="compatibility-topic-version-1_6_9_7">100,1,1</td> </tr> <tr id="compatibility-version-2_9_2"> <td class="compatibility-topic-version-1_6_6">0,2,0</td> <td class="compatibility-topic-version-1_6_7">80,5,4</td> <td class="compatibility-topic-version-1_6_8">100,2,2</td> <td class="compatibility-topic-version-1_6_9">100,2,2</td> <td class="compatibility-topic-version-1_6_9_5">100,2,2</td> <td class="compatibility-topic-version-1_6_9_6">33,3,1</td> <td class="compatibility-topic-version-1_6_9_7">100,10,10</td> <td class="compatibility-topic-version-2_2">100,1,1</td> </tr> <tr id="compatibility-version-3_0"> <td class="compatibility-topic-version-1_6_9_7">80,5,4</td> <td class="compatibility-topic-version-2_0">100,1,1</td> <td class="compatibility-topic-version-2_0_1">50,2,1</td> <td class="compatibility-topic-version-2_0_5">43,7,3</td> <td class="compatibility-topic-version-2_1">67,3,2</td> <td class="compatibility-topic-version-2_2">70,10,7</td> <td class="compatibility-topic-version-2_2_2">100,1,1</td> </tr> <tr id="compatibility-version-3_0_1"> <td class="compatibility-topic-version-2_2">72,32,23</td> <td class="compatibility-topic-version-2_2_1">100,3,3</td> <td class="compatibility-topic-version-2_2_2">100,2,2</td> </tr> <tr id="compatibility-version-3_0_2"> <td class="compatibility-topic-version-2_2_1">0,2,0</td> <td class="compatibility-topic-version-2_2_2">0,1,0</td> </tr> <tr id="compatibility-version-3_0_3"> <td class="compatibility-topic-version-2_2_1">75,4,3</td> <td class="compatibility-topic-version-2_2_2">50,2,1</td> </tr> <tr id="compatibility-version-3_0_4"> <td class="compatibility-topic-version-2_2_2">100,8,8</td> </tr> <tr id="compatibility-version-3_0_5"> <td class="compatibility-topic-version-2_2_2">50,2,1</td> </tr> <tr id="compatibility-version-3_1"> <td class="compatibility-topic-version-2_2_2">87,23,20</td> </tr> <tr id="compatibility-version-3_1_1"> <td class="compatibility-topic-version-2_2_2">100,3,3</td> </tr> <tr id="compatibility-version-3_1_2"> <td class="compatibility-topic-version-2_2_2">100,3,3</td> </tr> <tr id="compatibility-version-3_1_3"> <td class="compatibility-topic-version-2_2_2">83,6,5</td> </tr> <tr id="compatibility-version-3_1_4"> <td class="compatibility-topic-version-2_3">0,1,0</td> </tr> <tr id="compatibility-version-3_2"> <td class="compatibility-topic-version-2_2_2">100,5,5</td> </tr> <tr id="compatibility-version-3_2_1"> <td class="compatibility-topic-version-2_2_2">86,7,6</td> <td class="compatibility-topic-version-2_3">73,11,8</td> <td class="compatibility-topic-version-2_3_1">100,1,1</td> <td class="compatibility-topic-version-2_4">73,15,11</td> <td class="compatibility-topic-version-2_4_5">100,1,1</td> <td class="compatibility-topic-version-2_4_6">50,4,2</td> </tr> <tr id="compatibility-version-3_3"> <td class="compatibility-topic-version-2_4">100,1,1</td> <td class="compatibility-topic-version-2_4_5">86,7,6</td> <td class="compatibility-topic-version-2_4_6">80,5,4</td> </tr> <tr id="compatibility-version-3_3_1"> <td class="compatibility-topic-version-2_4">100,1,1</td> <td class="compatibility-topic-version-2_4_6">78,50,39</td> </tr> <tr id="compatibility-version-3_3_2"> <td class="compatibility-topic-version-2_4_6">84,19,16</td> </tr> <tr id="compatibility-version-3_4"> <td class="compatibility-topic-version-2_4_6">100,4,4</td> </tr> <tr id="compatibility-version-3_4_1"> <td class="compatibility-topic-version-2_4_6">76,21,16</td> </tr> <tr id="compatibility-version-3_4_2"> <td class="compatibility-topic-version-2_4_6">75,20,15</td> <td class="compatibility-topic-version-2_5_4">100,1,1</td> </tr> <tr id="compatibility-version-3_5"> <td class="compatibility-topic-version-2_4_6">54,13,7</td> <td class="compatibility-topic-version-2_5">67,3,2</td> <td class="compatibility-topic-version-2_5_1">100,2,2</td> <td class="compatibility-topic-version-2_5_2">100,3,3</td> <td class="compatibility-topic-version-2_5_3">57,7,4</td> <td class="compatibility-topic-version-2_5_4">83,6,5</td> </tr> </table> </form> </div> </div> </div> </div> </div> </div> <br class="clear"/> <div id="footer"> <div class="wrapper"> <p> <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/about/privacy/">Privacy</a> | <a href="https://web.archive.org/web/20130117095850/http://wordpress.org/about/license/">License / GPLv2</a> &nbsp; &nbsp; See also: <a href="https://web.archive.org/web/20130117095850/http://wordpress.com/?ref=wporg-footer" title="Hassle-free WP hosting">Hosted WordPress.com</a> | <a href="https://web.archive.org/web/20130117095850/http://wordpress.tv/" title="Videos, tutorials, WordCamps">WordPress.TV Videos</a> | <a href="https://web.archive.org/web/20130117095850/http://central.wordcamp.org/" title="Find a WordPress event near your home">WordCamp Events</a> | <a href="https://web.archive.org/web/20130117095850/http://buddypress.org/" title="A set of plugins to transform your WordPress into a social network">BuddyPress Social Layer</a> | <a href="https://web.archive.org/web/20130117095850/http://bbpress.org/" title="Fast, slick forums built on WordPress">bbPress Forums</a> | <a href="https://web.archive.org/web/20130117095850/http://jobs.wordpress.net/" title="Find or post WordPress jobs">WP Jobs</a> | <a href="https://web.archive.org/web/20130117095850/http://ma.tt/" title="Co-founder of WordPress, an example of what WordPress can do">Matt</a> </p> <br/> <iframe src="https://web.archive.org/web/20130117095850if_/http://www.facebook.com/plugins/like.php?app_id=121415197926116&amp;href=http%3A%2F%2Fwww.facebook.com%2Fwordpress&amp;send=false&amp;layout=button_count&amp;width=150&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=lucida+grande&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowtransparency="true"></iframe> <!-- <div class="g-plusone" data-size="medium" data-href="https://plus.google.com/107188080561309681193"></div> --> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://web.archive.org/web/20130117095850if_/http://platform.twitter.com/widgets/follow_button.html?screen_name=WordPress&amp;show_count=false" style="width:150px; height:20px;"></iframe> <h6>Code is Poetry</h6> </div> </div> <script type="text/javascript">_qoptions={qacct:"p-18-mFEk4J448M"};</script> <script type="text/javascript" src="https://web.archive.org/web/20130117095850js_/http://edge.quantserve.com/quant.js"></script> <noscript><img src="https://web.archive.org/web/20130117095850im_/http://pixel.quantserve.com/pixel/p-18-mFEk4J448M.gif" style="display: none;" border="0" height="1" width="1" alt=""/></noscript> <!-- 7 queries, 0.221 seconds --> <script type="text/javascript" src="https://web.archive.org/web/20130117095850js_/http://s.gravatar.com/js/gprofiles.js"></script> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://web.archive.org/web/20130117095850/https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <script type="text/javascript"> (function($){ $(document).ready(function() { $('#footer a').click(function() { if (this.href.indexOf('wordpress.org') == -1 && this.href.indexOf('http') == 0) { recordOutboundLink(this, 'Outbound Links', this.href); return false; } }); }); })(jQuery); </script> </body> </html> <!-- FILE ARCHIVED ON 09:58:50 Jan 17, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:54:21 Feb 22, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.685 exclusion.robots: 0.034 exclusion.robots.policy: 0.021 esindex: 0.015 cdx.remote: 7.218 LoadShardBlock: 170.178 (3) PetaboxLoader3.datanode: 99.122 (4) PetaboxLoader3.resolve: 145.591 (3) load_resource: 104.409 -->

Pages: 1 2 3 4 5 6 7 8 9 10