Приветствую Вас, Потерянный Воскресенье, 16.12.2018, 14:38
RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz зона » Другие скрипты для Ucoz » Увеличение картинки при наведении
Увеличение картинки при наведении

SkylineДата: Пятница, 25.02.2011, 10:03 | Сообщение # 1
Главный Администратор
Группа: Администраторы
Сообщений: 147
Репутация: 12
Статус: Offline

Code
<script src="http://u1.do.am/u1/cooljQuery/init.js" type="text/javascript"></script>
<script src="http://u1.do.am/u1/cooljQuery/raphael.js" type="text/javascript"></script>
<div class="gallery">
<ul class="reset">
<li><img src="$IMAGE15$" alt="" /></li>
</ul>
</div>
<style>ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;   
margin:0;   
}   
.gallery ul li {
width:200px; /* a half of image width */   
height:200px; /* a half of image height */
margin:0 10px 10px 0;
float:left;
position:relative;
}
.holder {
position:absolute;
top:0;
left:0;
margin:-100px 0 0 -100px; /* margin-left: a half of 'li' width and margin-top: a half of 'li' height */
}
</style>

Quote
$IMAGE15$
- меняем на свой путь к картинке.
CSS можно отредактировать под себя.



 
Форум » Ucoz зона » Другие скрипты для Ucoz » Увеличение картинки при наведении
  • Страница 1 из 1
  • 1
Поиск:

Создать бесплатный сайт с uCoz
Copyright MyCorp © 2018