Приветствую Вас Прохожий | RSS Воскресенье, 22.01.2017, 15:15
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 10
Гостей: 8
Пользователей: 2
MaDaRa, FD_Fast



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Скрипт и его настроика rollover–изображений

Скрипт и его настроика rollover–изображений
    
Скрипт и его настроика rollover–изображений
Скрипт  при наведение обратный эффект..очень даже красиво

Этот код вставляем в блокнот и настраиваем, описание в нутри, далее сохраняем как файл js назвать можете rollover.js
Code
// Для настройки скрипта вам необходимо определить значения следующих переменных

  // Переменная 'imgPath' определяет директорию с изображениями

   imgPath = "images/";

  // В массиве 'pictures' необходимо перечислить имена изображений

   pictures = new Array("photo_1","photo_2","photo_3");

  // Переменная 'suffix' определяет суффикс rollover-изображений
   
   suffix = "_on";

   // Переменная 'extension' определяет расширение файлов с изображениями

   extension = "jpg";

//////////////////////////////////////////////////////////////////////////

  total = pictures.length;
   
  On_Images = new Array();
  Off_Images = new Array();
   
  for (i = 0; i < total; i++) {
   
   On_Images[pictures[i]] = new Image();
   On_Images[pictures[i]].src = imgPath + pictures[i] + suffix + "." + extension;
   
   Off_Images[pictures[i]] = new Image();
   Off_Images[pictures[i]].src = imgPath + pictures[i] + "." + extension;

  }

//////////////////////////////////////////////////////////////////////////

function on(name)
{
   document.images[name].src = On_Images[name].src;
}

//////////////////////////////////////////////////////////////////////////

function off(name)
{
   document.images[name].src = Off_Images[name].src;
}
далие заливаем эт файл rollover.js в корень сайта и вставляем его в код вызова скрипта копируя свою ссылку на rollover.js

Этот вызов js как всегда ставим перед </head>

Code
<script type="text/javascript" src="rollover.js"></script>

а в это просто вставляем в нужное место где должна быть картинка и заменяем ссылку на нее своей
Code
<p><a href="#" onmouseover="on('photo_1');" onmouseout="off('photo_1');"><img src="images/photo_1.jpg" name="photo_1" width="130" height="98"></a></p>
если несколько картинок то таким образом
Code
<p><a href="#" onmouseover="on('photo_1');" onmouseout="off('photo_1');"><img src="images/photo_1.jpg" name="photo_1" width="130" height="98"></a></p>

<p><a href="#" onmouseover="on('photo_2');" onmouseout="off('photo_2');"><img src="images/photo_2.jpg" name="photo_2" width="130" height="98"></a></p>

<p><a href="#" onmouseover="on('photo_3');" onmouseout="off('photo_3');"><img src="images/photo_3.jpg" name="photo_3" width="130" height="98"></a></p>

вот и все думаю всем все понятно
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1349 | Рейтинг: 4.0/1 | |Категория: Скрипты Вид новостей | Добавил: ALINA | Дата: 23.02.2010 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 РекЛама - Магазин аккау...

0

2 Проблема с информером

14

3 Не работает статистика ...

18

4 Может у кого есть!

3

5 Работа на заводе

17

6 Вконтакте без причины б...

10

7 Комплексный прогон сайт...

51

8 Проблема с bbcode (code...

0

9 Как скачать видео файл ...

5

10 Уже все перепробовал )

2


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru