На главную Форум Вход Регистрация
Красивое увеличение картинки с эффектом вращения при наведен - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
[Игра] Города
Оставлено 68 сообщений в теме
Сигны в формате psd
Оставлено 45 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

Страница 1 из 11
Форум чат общение » Центр помощи по развитию web ресурсов » Каталог файлов » Красивое увеличение картинки с эффектом вращения при наведен
Красивое увеличение картинки с эффектом вращения при наведен
Support@NC
Дата: Пятница, 03.06.2011, 14:09 | Сообщение # 1
NN-CS.3DN.Ru Агент
Администратор
Сообщений: 0
Репутация: 54
Награды: 8
Интересный, качественно реализованный эффект увеличения картинки при наведении курсора мышки

Для начала посмотрите Demo
Установка:

После /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>


При желании и знании css вы легко сможете отредактировать все параметры скрипта под себя

Осталось лишь залить два скрипта из прикреплённого архива в папку js Скачать


Служба поддержки NN-CS.3DN.Ru Агент
Форум чат общение » Центр помощи по развитию web ресурсов » Каталог файлов » Красивое увеличение картинки с эффектом вращения при наведен
Страница 1 из 11
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх