Увеличение картинки при наведении
Категория: Скрипты / Дата добавления материала: 30.01.2011, 09:30
|
Code <script src="http://new-info.ucoz.net/imghost/u1/init.js" type="text/javascript"></script> <script src="http://new-info.ucoz.net/imghost/u1/raphael.js" type="text/javascript"></script> <div class="gallery"> <ul class="reset"> <li><img src="$IMAGE15$" alt="" /></li> </ul> </div> <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> $IMAGE15$ - меняем на свой путь к картинке. CSS можно отредактировать под себя.
Полезный материал ? Посетите сайт автора: http://u1.do.am
|
Просмотров: 855 | Загрузок: 0
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]