Увеличение картинки при наведениии на нее мышкой - Форум
Пятница
09.12.2016, 01:05
Приветствую Вас Гость | RSS
Главная Увеличение картинки при наведениии на нее мышкой - Форум Регистрация Вход
Скачать фильмы
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: ImmortaL, Warchi 
Форум » Вебмастерам » Скрипты для Ucoz » Увеличение картинки при наведениии на нее мышкой
Увеличение картинки при наведениии на нее мышкой
ImmortaLДата: Четверг, 16.04.2009, 17:30 | Сообщение # 1
Сообщений: 453
Уважение
[ 7 ]
В CSS вствить следующее:
Code
/* =Hoverbox Code  
----------------------------------------------------------------------*/  

.hoverbox  
{  
      cursor: default;  
      list-style: none;  
}  

.hoverbox a  
{  
      cursor: default;  
}  

.hoverbox a .preview  
{  
      display: none;  
}  

.hoverbox a:hover .preview  
{  
      display: block;  
      position: absolute;  
      top: -33px;  
      left: -45px;  
      z-index: 1;  
}  

.hoverbox img  
{  
      background: #fff;  
      border-color: #a6dcf5;  
      border-style: solid;  
      border-width: 1px;  
      color: inherit;  
      padding: 2px;  
      vertical-align: top;  
}  

.hoverbox li  
{  
      background: #eaf8fe;  
      color: inherit;  
      display: inline;  
      float: left;  
      margin: 3px;  
      padding: 5px;  
      position: relative;  
}  

.hoverbox .preview  
{  
      border-color: #a6dcf5;  
}

Сам код картинки должен выглядеть вот так:
Code
<ul class="hoverbox">  
      <li>  
      <a href="#">  
      <img src="АДРЕСС КАРТИНКИ ПРЕВЬЮ" border="0" alt="ОПИСАНИЕ" />  
      <img class="preview"  src="АДРЕСС ПОЛНОГО ИЗОБРАЖЕНИЯ" border="0" alt="ОПИСАНИЕ" />  
      </a>  
      </li>  
</ul>

www.1qq.pp.ru


Форум » Вебмастерам » Скрипты для Ucoz » Увеличение картинки при наведениии на нее мышкой
Страница 1 из 11
Поиск:


Copyright MyCorp © 2016
Скачать фильмы