Лупа (увеличение изображений)
Можно использовать два варианта в разметке HTML: это с миниатюрой и без миниатюры. Вот с миниатюрой: [HTML]<a class="web-deva" href="1.jpg"> <img src="thumb_1.jpg" height="210" /> </a>[/HTML] И без миниатюры: [HTML]<img class="web-deva" src="2.jpg" height="250" />[/HTML] [CSS].demka { text-align:center;} .loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:5px solid rgba(0, 0, 0, 0); cursor:url(blank.png), url(blank.cur), none; }[/CSS] Не забываем подключать jQuery библиотеку: [JavaScript]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>[/JavaScript] Инициализация данного плагина: [JavaScript]<script type="text/javascript">$('.demo').loupe();</script>[/JavaScript]
|
Категория: 
Опубликовал: 
Используемый код:
Web-сайт автора: |
СКАЧАТЬ
Размер файла: 244.1 Kb
Посмотреть |
Комменты
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация ]
[ Регистрация ]
