Primary Lightbox
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>
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
-
- Adam
-
- St. Paul’s Dome
-
- Minster in Brussels
-
- Notre Dame
-
- Pieta
-
- Buddhist Prayer Wheel
-
- Qu’ran
-
- Hindu Shrine
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>
Is there a way to get the lightbox to be open on page load?
There will be in the next version which I expect to release in the
next week or so.
Wondering if you have a browser compliant solution to keep the
lightbox center even when the background page is scrolled? Any
suggestions?
It can be done by modifying the styles. See: "http://stackoverflow.com/questions/2712036/colorbox-make-the-light-box-fixed-when-scrolling">
Colorbox make the light box fixed when scrolling at Stack
Overflow. I’ll try to add that as an option that can automatically
append the need styles. Look for it in the next version.
demos don’t work (ff, macbook pro lion) – screen just goes lighter,
no popup
Fixed. The problem was caused by W3 Total Cache minification of
some of the JavaScript.
Pingback: Моя подборка полезных плагинов для WordPress | Записки программиста
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> "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> "http:?v=TRtGXibZVJc">;http://www.youtube.com/watch?v=TRtGXibZVJc</code>
So you need to change the watch?v= to /v/
<code> "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!
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
You can set the max image size in the options. Try 80% for both max
height and width.
Seems that the secondary lightbox doesn’t work with your WordPress
plugin, is that correct?
Question… is there a way to add a “Download Image” button to each
image in the bottom of the slideshow?
Thanks for a great plugin. Just a small correction: St Paul’s dome
above is actually St Peter’s Dome
hmmm… this seems great though most of the examples on this page
has something changed?
seem to not work.
Thanks for pointing that out. I had a problem with the entire site
not working due to a server upgrade last week and had to reset
every plugin. I missed a few settings in the process. They should
all work now.
Is this just for images? Will javascript code within another
webpage work in the lightbox?
Pingback: Most Downloaded Free WordPress Image Gallery Plugins | Developer Code book
Pingback: 25 Most Downloaded Free WordPress Image Galleries Plugin | DynamicWP