Категории

Help popup

Вот такая задача.
Есть галерея http://www.eibknx.ru/foto.html
все накалякана на css.

код такой
<html>
<head>
<style type="text/css">

.photo {width:autopx; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic li a ul,
.photo ul.topic li ul
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#ffffff;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#ffffff;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:auto; background:#ffffff; width:auto; padding:0px 0px; border:10px solid #e0e0ff; z-index:1;}

.photo ul.topic li a:hover ul,
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:auto; background:#ffffff; width:auto; padding:0px 0px; border:10px solid #e0e0ff; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:128px; height:158px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:126px; height:155px; cursor:default; float:left; text-decoration:none; background:#0000ff; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:116px; height:145px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover,
.photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img
{position:absolute; left:50%; top:50%; width:auto; height:auto; border-color:#a0a0ff;}
</style>

</head>

<body>

<div class="photo">
<ul class="topic">
<li>

<li class="active">
</a>

<ul>
<li><a href="/images/gira/1.jpg"><img src="/images/gira/1.jpg" alt="alt" title="title" /></a></li>
<li><a href="/images/gira/2.jpg"><img src="/images/gira/2.jpg" alt="" title="" /></a></li>
тут обрезал повтор!
</ul>

</li>
</li>
/ul>
<br class="clear" />
</div>
</body>
</html>

как сделать так чтобы больщая картинка отображалась в окне popup?

<li><a href="/images/gira/2.jpg"><img src="/images/gira/2.jpg" alt="" title="" /></a></li>

<img src="/images/gira/2.jpg" alt="" title="" /></a></li> - маленькая картинка
<li><a href="/images/gira/2.jpg"> - большая картинка
просто файл пока один.

поковыряд product_info_v1.html - не сумел :)

спасибо!

сделал
усем шпасибо ;)

Источник