Статистика Форума www.Geimer149.3dn.ru
Последние темы Читаемые темы Каталог файлов
Онлайн бот для Тюряги [+Обмен уроном!] [Mobiel]

Путешествие на Запад в российском интернете [Chuangzhi]

СЕЙЧАС Фригейм.рф новый сервер Lineage2 x50HL [eha]

СЕГОДНЯ Фригейм открытие! Lineage2 3GAME.RU [Op6IT]

Хотите БЕСПЛАТНО почувствовать ЦИ!? [Chuangzhi]

Цигун [Chuangzhi]

Выиграйте 1000$ своим умом в игре XGame [Olim]

Новый информер комментарии для ucoz как на Dle [startsmart]

Голубая кнопка вверх для Ucoz [startsmart]

Статистика кто посетил в красивом стиле для uCoz [startsmart]

[1]>Онлайн бот для Тюряги [+Обмен уроном!] [1]

[2]>Путешествие на Запад в российском интернете [0]

[3]>СЕЙЧАС Фригейм.рф новый сервер Lineage2 x50HL [0]

[4]>СЕГОДНЯ Фригейм открытие! Lineage2 3GAME.RU [0]

[5]>Хотите БЕСПЛАТНО почувствовать ЦИ!? [0]

[6]>Цигун [0]

[7]>Выиграйте 1000$ своим умом в игре XGame [0]

[8]>Новый информер комментарии для ucoz как на Dle [0]

[9]>Голубая кнопка вверх для Ucoz [0]

[10]>Статистика кто посетил в красивом стиле для uCoz [0]













  • Страница 1 из 1
  • 1
Увеличение картинки с вращением ucoz
KIRILL)))
Дата: Среда, 14.12.2011, 09:40 | Сообщение # 1
Оффлайн
GeImEr149
Группа: Администраторы
Сообщений: 24
Репутация: 149

Интересный, качественно реализованный эффект увеличения картинки при наведении курсора мышки

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

После
Code
/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
Скачать с форума
Скачать с файло обмена



Сообщение отредактировал KIRILL))) - Среда, 14.12.2011, 09:44
  • Страница 1 из 1
  • 1
Поиск:



Ваша реклама -> 88x31 Реклама бесплатна! Писать сюдаВаша реклама -> 468x60 Реклама платная! Писать сюда
Реклама
Реклама
Ciber-Prosmotr Мониторинг серверов Место свободное Место свободное