Меню Counter-Strike
Скачать Counter Strike Модели Оружия Модели Игроков Карты для cs 1.6 Готовые Сервера Программы для CS 1.6 Конфиги Логотипы Патчи Скачать Читы Меню игры Плагины AMX Моды CS 1.6 Русификация CS 1.6 Спрайты Боты Античиты Видео/Мувики из cs 1.6 Все для CS 1.6 Сайта
Как установить Модели оружия Модели игроков Карты

Главная > Файлы > Все для Ucoz Сайта > Скрипты для CS 1.6 Сайта > Скрипт изменения изображения на DHTML и JavaScript
 

Скрипт изменения изображения на DHTML и JavaScript


Скрипт изменения изображения на DHTML и JavaScript





Описание:

С помощью этого скрипта, основанного на DHTML и JavaScript вы сможете заменить одну картинку на другую, при наведении на нее мышкой — таким образом можно поменять любую картинку от баннера до шапки сайта

Картинки из cs 1.6:

 

Установка:

Для начала нужен код картинки, он будет выглядеть следующим образом:

<img src="http://cs-frukt.ru/img/news/gl1.jpg" width="300px" height="150px" onMouseOver="this.src=’http://cs-frukt.ru/img/news/gl2.jpg’" onMouseOut="this.src=’http://cs-frukt.ru/img/news/gl1.jpg’">

где src="http://cs-frukt.ru/img/news/gl1.jpg" -ссылка на 1 картинку
onMouseOver="this.src=’http://cs-frukt.ru/img/news/gl2.jpg’" — DHTML код с ссылкой на 2 картинку (дает сам эффект)
onMouseOut="this.src=’http://cs-frukt.ru/img/news/gl1.jpg’" — скрипт возвращающий стандартную картинку, после того, как уберете мышку

Все бы хорошо, но при наведении на изображение второму придется грузится, что портит весь эффект, поэтому нужен JavaScript код, отвечающий за автономную загрузку второй картинки в браузер наравне с первой:

<script>
var img1=new Image(); img1.src=’http://cs-frukt.ru/img/news/gl1.jpg’ ;
var img2=new Image(); img2.src=’http://cs-frukt.ru/img/news/gl2.jpg’ ;
</script>

Его вставляем в любое место на странице, желательно до кода самой картинки

Категория: Скрипты для CS 1.6 Сайта