Lightbox Plus Demos

Primary Lightbox

lbplus example 300x225 Lightbox Plus Demos

Primary Lightbox (Thumbnail Image Link to Image)

<a href="http://www.23systems.net/wp-content/uploads/2008/07/lbplus-example.jpg" rel="lightbox[917]"><img class="size-medium wp-image-45" title="Primary Lightbox (Thumbnail Image Link to Image)" src="http://w1.23systems.info/wp-content/uploads/2008/07/lbplus-example-300x225.jpg" alt="Primary Lightbox (Thumbnail Image Link to Image)" width="300" height="225" /></a>

Primary Lightbox (Text Link to Image)

<a title="Text Link" href="http://www.23systems.net/wp-content/uploads/2008/07/lbplus-example.jpg" rel="lightbox[917]">Primary Lightbox (Text Link to Image)</a>

220px Light dispersion conceptual waves Lightbox Plus Demos

Primary Lightbox (Thumbnail Image Link to External Image)

<a title="External Image Link" href="http://upload.wikimedia.org/wikipedia/commons/f/f5/Light_dispersion_conceptual_waves.gif" rel="lightbox[917]"><img class=" " title="Primary Lightbox (Thumbnail Image Link to External Image)" src="http://upload.wikimedia.org/wikipedia/commons/f/f5/Light_dispersion_conceptual_waves.gif" alt="Primary Lightbox (Thumbnail Image Link to External Image)" width="250" height="188" /></a>
Primary Lightbox with WordPress Gallery

Secondary Lightbox

Secondary Lightbox (Text Link – Screenshot 2)

<a class="lbpModal" title="Secondary Lightbox (Text Link - Screenshot 2)" href="http://www.23systems.net/wp-content/uploads/2011/10/Glessner-Covered-Bridge-Somerset-County-PA.jpg">Secondary Lightbox (Text Link - Screenshot 2)</a>

Secondary Lightbox (Video Demo – YouTube video in iFrame)

<a class="lbpModal" title="Secondary Lightbox (Video Demo - YouTube video in iFrame)" href="http://www.youtube.com/v/17jymDn0W6U">Secondary Lightbox (Video Demo - YouTube video in iFrame)</a>

Secondary Lightbox (Video Demo 2 – YouTube video in iFrame)

<a class="lbpModal" title="Secondary Lightbox (Video Demo - YouTube video in <span class=">iFrame)" href="http://www.youtube.com/v/ajAieyJbhtQ">Secondary Lightbox (Video Demo 2 - YouTube video in iFrame)</a>

Secondary Lightbox (External Page Demo – WordPress.Org in iFrame)

<a class="lbpModal" title="Secondary Lightbox (External Page Demo - WordPress.Org in <span class=">iFrame)" href="http://WordPress.org/extend/plugins/facelift-image-replacement/">Secondary Lightbox (External Page Demo - WordPress.Org in iFrame)</a>

Secondary Lightbox (Interactive Flash Demo – Dummy Quiz)

<a class="lbpModal" title="Secondary Lightbox (Interactive Flash Demo - Dummy Quiz)" href="http://www.23systems.net/wp-content/plugins/lightbox-plus/trivia.swf">Secondary Lightbox (Interactive Flash Demo - Dummy Quiz)</a>

Inline Lightbox

Inline Lightbox (Content Test Including Form)

<a class="lbp-inline-link-2" href="#">Inline Lightbox (Content Test Including Form)</a>

and inline content…

<div style="display: none;">
    <div id="lbp-inline-href-2" style="padding: <span class=;">10px; background: #fff;">INLINE FORM GOES HERE</div>
</div>

Inline Lightbox (Content Test Including Form with External Submission)

<a class="lbp-inline-link-1" href="#">Inline Lightbox (Content Test Including Form with External Submission)</a>

and inline form…

<div style="display: none;">
    <div id="lbp-inline-href-1" style="padding: <span class=;">10px; background: #fff;">INLINE CONTENT GOES HERE</div>
</div>

About Lightbox Plus for WordPress:

pixel Lightbox Plus Demos

Thank you for downloading and installing Lightbox Plus for WordPress

Visit plugin siteFAQSupportFollow on TwitterAdd Facebook Page

Lightbox Plus implements ColorBox as a lightbox image overlay tool for WordPress. ColorBox was created by Jack Moore of Color Powered and is licensed under the MIT License. Lightbox Plus allows you to easily integrate and customize a powerful and light-weight lightbox plugin for jQuery into your WordPress site. You can easily create additional styles by adding a new folder to the css directory under wp-content/plugins/lighbox-plus/css/ by duplicating and modifying any of the existing themes or using them as examples to create your own. See the changelog for important details on this upgrade.

I spend a much of my spare time as possible working on Lightbox Plus and any donation is appreciated. Donations play a crucial role in supporting Free and Open Source Software projects. So why are donations important? As a developer the more donations I receive the more time I can invest in working on Lightbox Plus. Donations help cover the cost of hardware for development and to pay hosting bills. This is critical to the development of free software. I know a lot of other developers do the same and I try to donate to them whenever I can. As a developer I greatly appreciate any donation you can make to help support further development of quality plugins and themes for WordPress. You have my sincere thanks and appreciation for using Lightbox Plus.

Inline Contact Request

We would love to hear from you! For more information about 23Systems, please complete the request form below so 23Systems can respond to your specific needs.

18 Responses to Lightbox Plus Demos

  1. Is there a way to get the lightbox to be open on page load?

  2. Kyle Hart says:

    Wondering if you have a browser compliant solution to keep the
    lightbox center even when the background page is scrolled? Any
    suggestions?

  3. bitkahuna says:

    demos don’t work (ff, macbook pro lion) – screen just goes lighter,
    no popup

  4. Pingback: Моя подборка полезных плагинов для WordPress | Записки программиста

  5. Nic says:

    First of all, very cool plugin! It took me a while to find out
    how to use it. So I ended up reading through the comments, forums
    and source files. On the forum I saw some posts where people were
    struggling to get the videos working. I also struggled, but got
    it to work finally. When adding a YouTube video, you need to make
    sure your YouTube link is in the exact same format the example
    link is, that is:

    <code&gt "http:">;http://www.youtube.com/v/pUPrCCP73Ws</code>

    When I was doing this, the YouTube link might look like this,
    which did not work:

    <code&gt "http:?v=TRtGXibZVJc">;http://www.youtube.com/watch?v=TRtGXibZVJc</code>

    So you need to change the watch?v= to /v/

    <code&gt "http:">;http://www.youtube.com/v/TRtGXibZVJc</code>

    Then it worked for me. Also make sure that you have, in the
    Secondary Lightbox Base Settings, set the inner height and inner
    width to an appropriate value. As well as in the Secondary
    Lightbox Other Settings checked the Use iFrame box. Hope that
    helps!

  6. patrick says:

    is there a way to shrink the lightbox image in the code? my images
    r too big. or do i have to manually resize them all? thanks

  7. Caballero says:

    Seems that the secondary lightbox doesn’t work with your WordPress
    plugin, is that correct?

  8. E Gorman says:

    Question… is there a way to add a “Download Image” button to each
    image in the bottom of the slideshow?

  9. Craig says:

    Thanks for a great plugin. Just a small correction: St Paul’s dome
    above is actually St Peter’s Dome :-)

  10. jim jimson says:

    hmmm… this seems great though most of the examples on this page
    seem to not work. :( has something changed?

  11. Jackie says:

    Is this just for images? Will javascript code within another
    webpage work in the lightbox?

  12. Pingback: Most Downloaded Free WordPress Image Gallery Plugins | Developer Code book

  13. Pingback: 25 Most Downloaded Free WordPress Image Galleries Plugin | DynamicWP

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <p> <pre lang="" line="" escaped=""> <q cite=""> <strike> <strong>

Stop SOPA