Четверг, 22.02.2018, 06:15:43

Пройдите регистрацию и станьте пользователем!!!
Гость
Логин:
Пароль:

Новые сообщения Участники Правила форума Ваша ссылка Поиск RSS
Страница 1 из 11
Форум » Всё для сайтов системы UCOZ » Разные скрипты для UCOZ » Увеличение картинки с эффектом вращения
Увеличение картинки с эффектом вращения
STAДата: Воскресенье, 17.07.2011, 10:00:00 | Сообщение # 1
Сообщений: 133
Награды: 1
Demo:

После /head на нужных страницах вставляйте:


Code
<style>
}          
.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 » Увеличение картинки с эффектом вращения
Страница 1 из 11
Поиск:

Max1-Soft.Ru | (c) | 2009-2011
Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Opera и Mozila Firefox
Design Version 4.7 | Created and Design by krueger