Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz

Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Очень эффектно выглядит! Плавное увеличение картинки нажатием мышью

Главная » Скрипты для uCoz » Очень эффектно выглядит! Плавное увеличение картинки нажатием мышью
Очень эффектно выглядит! Плавное увеличение картинки нажатием мышью для uCoz
Чтобы увидеть пример работы скрипта зайдите на сайт по ссылке, наведите мышью на рисунок и нажмите на него левой кнопкой.
Данный скрипт работает при помощи двух файлов, которые нужно загрузить в корень сайта (jquery.magnifier.js и magnify.cur).
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="jquery.magnifier.js">
</script>

2. Следующий код необходимо вставить в то место, где будет располагаться Ваша картинка:

Code
<img src="ocean.gif" class="magnify" style="width:100px; height:56px" />

- загружаете картинку и указываете путь к ней (ocean.gif)
- width="100" height="56" - размер картинки в уменьшенном виде (увеличенная картинка должна настраиваться в файле jquery.magnifier.js).

3. Остается только загрузить готовые файлы jquery.magnifier.js и magnify.cur в корень сайта и скрипт работает!

Увеличение картинки, а также скорость настраивается в файле jquery.magnifier.js в коде:

Code
dsettings: {
magnifyby: 3, //default increase factor of enlarged image
duration: 500, //default duration of animation, in millisec
mgopacity: 0.2 //opacify of original image when enlarged image overlays it
},
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image

- где 3 - во сколько раз увеличивается картинка от заданного (в нашем примере это 100х56)
- 500 - продолжительность анимации (скорость появления)

Просмотров: 1704 | Комментариев: 5 | Опубликовал: zyxer | Дата: 16.07.2010

 04.12.2009   

 

 Новый вид материало... 

 05.11.2009   

 

 Кнопка инфо 

 03.12.2009   

 

 Несколько дизайнов ... 

 24.01.2010   

 

 Оживляем серверные ... 

 14.09.2009   

 

 Новый вид фотоальбо... 

 17.09.2009   

 

 Аватар в гостевой 

 01.03.2011   

 

 Оповещение о прочте... 

 27.09.2009   

 

 форма входа картинк... 

 23.02.2010   

 

 Стена пользователя ... 

 21.10.2009   

 

 Удобный чат 

 05.02.2011   

 

 Красивая панель ББ ... 

 17.03.2009   

 

 Page Promoter 7.6.1... 

 01.05.2010   

 

 Персональный курсор... 

 04.10.2011   

 

 Табличка (Сиды, Пир... 

 27.10.2009   

 

 Теги с 4dle 

 18.04.2011   

 

 Новая форма входа с... 

 25.01.2010   

 

 Cкрипт изменяющий м... 

 27.09.2009   

 

 + и - в репутацию н... 

 03.03.2011   

 

 Красивый вид репута... 

 07.11.2009   

 

 Обманчивое сообщени... 

 03.12.2009   

 

 HTML кодер v.2 

 20.01.2014   

 

 Скрипт радио для ва... 

 13.12.2009   

 

 Авто-регистрация 

 17.09.2009   

 

 Оригинальное всплыв... 

 25.09.2009   

 

 Профиль №2 

 23.01.2011   

 

 Лжестатистика на фо... 

 07.12.2013   

 

 Профиль для ucoz в ... 

 08.11.2009   

 

 Подсветка синтаксис... 

 03.03.2011   

 

 Замена CSS на сайте... 

 07.10.2010   

 

 Компактная статисти... 

 14.03.2010   

 

 flash часы 

 30.07.2010   

 

 Скрипт Вид AJAX Око... 

 02.12.2009   

 

 Мигаюшие ссылки 

 30.03.2014   

 

 Радио для сайта 

 12.07.2010   

 

 Онлайн создание бан... 

 01.05.2010   

 

 Code и quote в моду... 

 01.05.2010   

 

 Аватар пользователя... 

 17.12.2009   

 

 Скрипт Online Tv 

 05.12.2009   

 

 Регистрация в AJAX ... 

 24.09.2009   

 

 мини-профиль By ViG... 

 12.12.2010   

 

 Универсальная стати... 

 24.10.2010   

 

 Мини-профиль (Черно... 

 23.07.2010   

 

 Блок "Сайты мо... 

 29.08.2014   

 

 Полный мини-чат для... 

 23.07.2010   

 

 Ознакомление с прав... 

 01.12.2009   

 

 Время нахождения на... 

 16.12.2009   

 

 Reg Ver 1.0 

 20.09.2009   

 

 Неплохая горизонтал... 

 20.09.2010   

 

 Горизонтальное меню... 

 23.07.2010   

 

 Запрещаем мат и спа... 

 04.10.2009   

 

 Мини профиль 

 08.11.2009   

 

 Уведомление о новых... 

 24.09.2009   

 

 популярность тем на... 

 14.03.2010   

 

 flash часы 

 24.04.2011   

 

 Новый топ пользоват... 

 19.12.2009   

 

 Персональная страни... 

 01.05.2010   

 

 Клавиша "Допол... 

 07.11.2009   

 

 Личный статус 

 14.10.2010   

 

 Миничат с функциями 

 01.05.2010   

 

 Дополнение для личн... 

 06.11.2009   

 

 Раздвижное меню &qu... 

 19.04.2011   

 

 Новая вставка кодов... 

 02.12.2009   

 

 Поиск по всем модул... 

 12.02.2012   

 

 Торрент трекер на u... 

 18.09.2009   

 

 Личный кабинет 

 29.08.2010   

 

 Сегодняшние посетит... 

 14.09.2011   

 

 Уведомление о новом... 

 18.09.2009   

 

 Красивый эффект изо... 

 15.09.2009   

 

 Загрузка аватаров н... 

 27.10.2010   

 

 Массовая рассылка Л... 

 06.11.2009   

 

 Причина редактирова... 

 06.11.2009   

 

 Радио GTA 4 

 04.12.2009   

 

 Быстрая проверка со... 

 25.09.2009   

 

 Прозрачная ucoz пан... 

 27.01.2011   

 

 Часики вверху стран... 

 01.10.2009   

 

 Меню на сайт 

 04.12.2009   

 

 Фавиконки сайтов ря... 

 30.11.2009   

 

 Иконки рядом с нико... 

 23.02.2011   

 

 Новый вид категорий... 

 31.08.2014   

 

 Cоц. закладки для с... 

 06.11.2009   

 

 Радио на сайте 

 06.11.2009   

 

 Новый Софт Блок!! 

 30.09.2009   

 

 Процент проголосова... 

 21.12.2009   

 

 Мини профиль для фо... 

 02.09.2010   

 

 Скрипт "Оценит... 

 19.09.2009   

 

 новый вид иконок в ... 

 30.11.2009   

 

 Меню для сайта 

 02.11.2009   

 

 Белый переключатель... 

 23.07.2010   

 

 Проверка ЛС (с тема... 

 27.09.2010   

 

 Универсальная прове... 

 06.05.2011   

 

 Личное сообщение, с... 

 12.02.2012   

 

 Список категорий/ра... 

 06.11.2009   

 

 Ссылки как на DLE 

 04.01.2010   

 

 Новый вид материало... 

 12.07.2010   

 

 Скрипт проверки Дру... 

 20.07.2010   

 

 Предупреждения 1.0 

 21.05.2010   

 

 Генератор паролей п... 

 06.11.2009   

 

 Вид Опроса 

 30.08.2010   

 

 Вид материалов фору... 

 14.01.2011   

 

 Комментарии без пер... 

 18.04.2011   

 

 Скрипт мне нравится... 

Всего комментариев: 5
 
  0 4 The_FactioN 19.10.2010 15:44:11 а где мне скачать jquery файлик? Цитировать | Редактировать | Удалить
 

 
  0 5 DizeL 21.10.2010 14:02:30 Рипни с сайта, на котором пример Цитировать | Редактировать | Удалить
 

 
  0 3 Speret 23.07.2010 17:39:55 DizeL спасибо, попробую себе поставить Цитировать | Редактировать | Удалить
 

 
+1 1 Speret 21.07.2010 21:19:51 Так это просто для одной картинки? Цитировать | Редактировать | Удалить
 

 
+1 2 DizeL 22.07.2010 12:32:49 Этот скрипт стоит у меня тут
1 баг скрипта: иногда картинку увеличивает намного больше ее размеров
Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.