Web-мастер: курс молодого бойца

JS скрипт смены картинок при наведении курсора на ссылки

 Страницы: 1 | 2 | 3 | 4
 

 Добавлено 2009-09-18 00:07:57


Цитировать
Здравствуйте у меня вопрос. Могли бы вы в данной теме мне написать (для тупого), подробно, как сделать смену картинки при наведении курсора и после чего, когда курсор отводишь от этой картинки рисунок принимал бы изначальный вид, то есть в данной смене участвовало две картинки. картинка А - изначально и картинка B - после наведения. Я абсолютно не разбираюсь в этих делах и прошу вашей помощи.
К примеру могу показать что я собственно хочу http://pes6-club.pesgame.net/index.php так же как на этом сайте.

повторюсь напишите пожалуйста для тупого что нужно для того чтоб это все выполнить...какой шаблон, код и т.п

Заранее огромная благодарность!!!
Наверх Незарегистрированный пользователь  

 Добавлено 2009-09-21 17:57:49
evgenijj
Модератор




Сообщений: 1371
Зарегистрирован: 09.11.2007

Цитировать
Посетитель пишет:
как сделать смену картинки при наведении курсора и после чего, когда курсор отводишь от этой картинки рисунок принимал бы изначальный вид
<img src="first.jpg" alt="" onmouseover="this.src='second.jpg'" onmouseout="this.src='first.jpg'" />



Денежные купюры пронумерованы для того, чтобы когда-нибудь я мог сложить их все одну к одной, по порядку.
Наверх  Посмотреть профиль   Сайт автора  

 Добавлено 2010-10-25 22:23:46


Цитировать
подскажите пожалуйста как добавить плавности появления картинки....
Наверх Незарегистрированный пользователь  

 Добавлено 2010-10-26 09:39:56



Сообщений: 32
Зарегистрирован: 15.05.2008

Цитировать
Чтобы картинка появлялась плавно, надо её спрятать
(img
{
display:none;
})
и подождать пока она загрузится (это самое сложное)
а после сделать анимированое появлениа картинки. Проще всего это сделать при помощи библиотеки JQuery:
$("#img").fadeIn("slow");
$("#img").css({display: 'block'});
Наверх  Посмотреть профиль   Отредактировано автором 26.10.2010

 Добавлено 2013-11-26 01:35:04


Цитировать
Мне тоже помогло :)
Наверх Незарегистрированный пользователь  
 Страницы: 1 | 2 | 3 | 4
 
Быстрый ответ
 
Цвет шрифта: Закрыть все теги
Сообщение
Защитный код