Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Красивое увеличение картинки с эффектом
Красивое увеличение картинки с эффектом
Kosten
Дата: Вторник, 19.06.2012, 12:27 | Сообщение # 1
Администраторы
Сообщений:12673
Награды: 39


Красивое увеличение картинки с эффектом переворачивание картинки

Посмотрите в воочию Смотреть

Приступаем к установки:
После /head на нужных страницах вставляйте этот код
Code
<script src="/js/init.js" type="text/javascript"></script>     
<script src="/js/raphael.js" type="text/javascript"></script>     
<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>


Этот код вставляем где хотите что б была картинка
Code
<div class="gallery">     
<ul class="reset">     
<li><img src="Ссылка на картинку" border="0" /></li>     
</ul>     
</div>


Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Красивое увеличение картинки с эффектом
Страница 1 из 11
Поиск: