• Страница 1 из 1
  • 1
Красивое увеличение картинки с эффектом
Kosten
Вторник, 19 Июня 2012, 12:27 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Красивое увеличение картинки с эффектом переворачивание картинки

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

Приступаем к установки:
После /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>
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: