VPF::Смена картинок - Форум программистов

R.M.

Дата 18.1.2006, 04:00 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30

Подскажите как можно сделать чтобы одна картинка при наведении изменялась на другую?
Видел только километровые коды, а можно попроще?
Добавлено @ 04:15
И если можно чтоб ыони грузились вместе но видно было только одну определённую из них и при наведении пока не загрузится вторая, та вторая не появлялась

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

sergejzr

Дата 18.1.2006, 04:30 (ссылка)

(нет голосов)

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360

Код


<script type="text/javascript">
loaded=false;
var img = new Image();
function ready(){loaded=true;}
img.load=ready;
img.src="2.gif";

</script>

<img src="1.gif" onmouseover="if(loaded)this.src='2.gif';" onmouseout="this.src='1.gif';"/>

чтото вроде того..

--------------------

Me.
FB.
LinkedIn.
ORCID.
YT.

R.M.

Дата 18.1.2006, 04:58 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30

Неработает smile

вторая картинка негрузится вобще, непойму почему

--------------------

Greendrake

Дата 18.1.2006, 09:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: нет
Всего: 6

Сначала грузим все картинки:

img01=new Image;img01.src="....";
img02=new Image;img02.src="....";

Потом как выше - меняем src по onmouseover и onmouseout.

Innuendo

Дата 19.1.2006, 00:00 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 2
Всего: 6

Код

<script>
<!--
// Загрузка изображений- чем выше разместить - лучше (лучше в head)
var img1 = new Image();
var img2 = new Image();
img1.src= "url1"
img2.src= "url2"
document.getElementById("pic").src =  img1.src;
//-->
</script>
<img id = "pic" onmouseover = "this.src= img2.src" onmouseout="this.src=img1.src">

Это сообщение отредактировал(а) Innuendo - 19.1.2006, 00:00

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »