|
Категории
[FAQ] Часто задаваемые вопросы и ответы
Проблемы и решения
Ошибки и исправления
Общие вопросы
Расширения
Установка и обновление
Модули
Шаблоны
Локализация интерфейса
Коммерческие предложения
Учимся бизнесу
Бизнес книги
Поисковая оптимизация (SEO)
Магазины на ShopOS
Хостинг для ShopOS
Предложения и пожелания
Курилка
|
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><!--<!-->
<!--><table><tr><td><!-->
<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>
<!--></td></tr></table></a><!-->
</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 - не сумел :)
спасибо!
сделал
усем шпасибо ;)
Источник
|
