Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Увеличение картинки при клике
Увеличение картинки при клике
Увеличение картинки при клике.Сразу начнём с Живого Примера
Чтобы увидеть пример работы скрипта,кликните по изображению.
1. Вставляете код между <head> и </head>
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.vsepodrad.ru/sait/js/jquery.magnifier.js">
</script>
<script type="text/javascript" src="http://www.vsepodrad.ru/sait/js/jquery.magnifier.js">
</script>
2. Следующий код необходимо вставить туда, где будет располагаться Ваша картинка(при желании можете заменить на $OTHER1$ или ещё на что нибудь):
Code
<img src="http://www.vsepodrad.ru/vsepodrad/logo.png" class="magnify" />
Увеличение картинки, а также скорость настраивается в файле jquery.magnifier.js в коде:
Code
magnifyby: 3, //default increase factor of enlarged image
duration: 500, //default duration of animation, in millisec
imgopacity: 0.2 //opacify of original image when enlarged image
duration: 500, //default duration of animation, in millisec
imgopacity: 0.2 //opacify of original image when enlarged image
magnifyby: 3 - На сколько раз увеличивается картинка от размера самой картинки
duration: 500 - Скорость увеличения картинки
Вы сейчас просматриваете Увеличение картинки при клике. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Увеличение картинки при клике нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Увеличение картинки при клике и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 2 | |
|
| |
