Помогите с картинками на сайте.

[dimas562]

На этом сайте справа есть картинки (фотографии готовых работ)

http://www.zmdizain.ru/

Как сделать чтоб при нажатии на картинку, она открывалась в таком окне, как на этом сайте?

Заранее спасибо.

[USF]

подключить одну из десятка плагинов для этого

lightbox и ему подобные

[moron]

А можно писать велосипеды на js - это интереснее..

[dimas562]

Подскажите как использовать этот плагин. http://leandrovieira.com/projects/jquery/lightbox/

вот код из html

<td width=220 valign="top" class="left">
<?if($_REQUEST["path"]=="index" || $_REQUEST["path"]=="") $Module->QuickEditArea("photos2");?>
</td>

вот код из php

<p style="text-align: left;"><a style="text-decoration: none;" href="/files/images/36.jpg" target="_blank"><img style="width: 204px; height: 170px;" src="/files/images/36.jpg" alt="" width="204" height="170" /></a></p>
<p><a href="/files/images/jh.jpg" target="_blank"><img style="width: 204px; height: 156px;" src="/files/images/jh.jpg" alt="" width="204" height="156" /></a></p>
<p><a href="/files/images/002.jpg" target="_blank"></a></p>
<p><a href="/files/images/kjul.jpg" target="_blank"></a></p>
<p><a href="/files/images/689.JPG" target="_blank"><img style="width: 207px; height: 174px;" src="/files/images/689.JPG" alt="" width="207" height="174" /></a></p>
<p><a href="/files/images/8908.JPG" target="_blank"><img style="width: 211px; height: 159px;" src="/files/images/8908.JPG" alt="" width="211" height="159" /></a></p>
<p><a href="/files/images/699870.JPG" target="_blank"><img style="width: 211px; height: 164px;" src="/files/images/699870.JPG" alt="" width="211" height="164" /></a></p>
<p><a href="/files/images/976545.JPG" target="_blank"><img style="width: 210px; height: 160px;" src="/files/images/976545.JPG" alt="" width="210" height="160" /></a></p>
<p><a href="/files/images/435436.JPG" target="_blank"><img style="width: 210px; height: 154px;" src="/files/images/435436.JPG" alt="" width="210" height="154" /></a></p>
<p><a href="/files/images/487468.JPG" target="_blank"><img style="width: 211px; height: 167px;" src="/files/images/487468.JPG" alt="" width="211" height="167" /></a></p>
<p><a href="/files/images/8888678.JPG" target="_blank"><img style="width: 212px; height: 156px;" src="/files/images/8888678.JPG" alt="" width="212" height="156" /></a></p>
<p><a href="/files/images/78968790.JPG" target="_blank"></a></p>
<p><a href="/files/images/8906.JPG" target="_blank"></a></p>
<p><a href="/files/images/976545.JPG" target="_blank"><img style="width: 210px; height: 164px;" src="/files/images/976545.JPG" alt="" width="210" height="164" /></a></p>
<p><a href="/files/images/7778796890.JPG" target="_blank"><img style="width: 210px; height: 157px;" src="/files/images/7778796890.JPG" alt="" width="210" height="157" /></a></p>
<a href="/files/images/435436.JPG" target="_blank"></a>
<p><a href="/files/images/8789.JPG" target="_blank"><img style="width: 212px; height: 163px;" src="/files/images/8789.JPG" alt="" width="212" height="163" /></a></p>
<p><a href="/files/images/680578.JPG" target="_blank"><img style="width: 212px; height: 158px;" src="/files/images/680578.JPG" alt="" width="212" height="158" /></a></p>
<p><a href="/files/images/46789789.JPG" target="_blank"><img style="width: 211px; height: 158px;" src="/files/images/46789789.JPG" alt="" width="211" height="158" /></a></p>
<p><a href="/files/images/5678.JPG" target="_blank"><img style="width: 211px; height: 155px;" src="/files/images/5678.JPG" alt="" width="211" height="155" /></a></p>
<p><a href="/files/images/78976569.jpg" target="_blank"><img style="width: 210px; height: 164px;" src="/files/images/78976569.jpg" alt="" width="210" height="164" /></a></p>
<p><a href="/files/images/09876567.JPG" target="_blank"><img style="width: 211px; height: 164px;" src="/files/images/09876567.JPG" alt="" width="211" height="164" /></a></p>

Напишите пожалуйста один пример, дальше я сам вникну.

Заранее спасибо.