Ash Breeze

Lytebox allows you to display images and html content on a webpage without have the viewer leave the page by displaying the content in an easy to use way.
<h3>How To Use</h3>
Add the appropriate rel attribute for the type of display you want.
To display images, add rel=”lytebox” to the link to the image.
To display html content, add rel=”lyteframe” to the link to the page.
<h3>Browser Compatibility</h3>
While browser compatibility was in mind from the start, not all browsers were available for testing. These browsers include Safari, Netscape, and Linux-only browsers such as Konquerer. The major browsers that were tested cover approximately 98% of browsers in use, so it’s fairly safe to say that no major problems will arise.
There is a “special” issue that is related to IE only. Sometimes the right side of the page will have a small area that is not overlayed. This is due to the way IE measures it’s margins. Adding the following style to the page will fix this issue (but it will also affect the appearance of the entire page): body { margin: 0 auto; }
The following browsers have been tested with this script:
<pre><code>* IE 5.01 SP2 - The fade effect does not work, but the background is darkened (completely).
* IE 5.5 SP2 - No known issues.
* IE 7.0 - No known issues.
* Opera 9.23 - No known issues.
* Firefox 1.5+ - No known issues, of course.<h3>License</h3>
</code></pre>
Creative Commons License 
This work is licensed under a Creative Commons Attribution 3.0 License.

Lytebox

A tool that can dynamicly load image and html content in a simple, elegant overlay.

polkan

Plugin uses light-weight Lytebox js-project by Markus F. Hay (http://lytebox.com, Creative Commons Attribution 3.0 License).
After activate, plugin will make modal-window-openable every link with href=”…image” found in post (or page, or custom post) content.
To prevent link to be treated by plugin put “?” symbol on its end: 
 <a href="image.jpg" rel="nofollow ugc">…</a> – opens in modal window 
 <a href="image.jpg?" rel="nofollow ugc">…</a> – standard behaviour 
You can show name and description of picture in modal window. Just put them into “title” and “data-description” attributes: 
 <a href="image.jpg" title="Picture name" rel="nofollow ugc">…</a> 
 <a href="image.jpg" title="Picture name" rel="nofollow ugc">…</a>
Settings:
<ul>
<li>select color scheme</li>
<li>disable autogroup images (Thus you can manually group images from one page to a several groups)</li>
</ul>
+++++++++++++++++++++
Находит в контенте все ссылки, которые ведут на изображения и делает их открывающимися в модальном окне
Чтобы сделать исключение, добавьте знак ? в конец адреса картинки 
 <a href="image.jpg" rel="nofollow ugc">…</a> – откроется в модальном окне 
 <a href="image.jpg?" rel="nofollow ugc">…</a> – откроется стандартно 
Подпись и описание для изображения берутся из атрибутов title и data-description 
 <a href="image.jpg" title="Картинка 1" rel="nofollow ugc">…</a> 
 <a href="image.jpg" title="Картинка 1" rel="nofollow ugc">…</a>
В настройках можно выбрать цветовую схему, а также отключить автогруппировку изображений (создавать группы для перехода по картинкам можно будет вручную).

PWP Lytebox

The fast and simple way to make all links pointing to images open in popup modal window.

Lytebox vs PWP Lytebox