Отправляет email-рассылки с помощью сервиса Sendsay

RFpro.ru: Программирование на Java / JavaScript

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Раскрутка и оптимизация сайта в Интернете" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Ноябрь 2006   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Калашников О.А.

Статистика

3.537 подписчиков
0 за неделю
←   Все выпуски   →

RusFAQ.ru: Программирование на Java / JavaScript


РАССЫЛКИ ПОРТАЛА RUSFAQ.RU

/ КОМПЬЮТЕРЫ И ПО / Языки программирования / Java/JavaScript

Выпуск № 274
от 17.11.2006, 08:05

Администратор:Калашников О.А.
В рассылке:Подписчиков: 317, Экспертов: 27
В номере:Вопросов: 1, Ответов: 2

Вопрос № 62261: Уважаемые эксперты, Дайте, пожалуйста, самый простой скрипт для смены одного графического файла (на веб странице) другим при наведении на него курсора. Это, кажется, называется Rollover image. Чтобы на onmouseover – отображалась одна картинка...

Вопрос № 62.261
Уважаемые эксперты,
Дайте, пожалуйста, самый простой скрипт для смены одного графического файла (на веб странице) другим при наведении на него курсора. Это, кажется, называется Rollover image.
Чтобы на onmouseover – отображалась одна картинка, а на onmouseout – другая.
Также, скажите, можно ли обойтись без JavaScript только средствами HTML и CSS?
Спасибо
Отправлен: 12.11.2006, 07:51
Вопрос задал: Sergey78 (статус: Посетитель)
Всего ответов: 2
Мини-форум вопроса >>> (сообщений: 0)
Отвечает: Grigory
Здравствуйте, Sergey78!
Самый простой способ на мой взгляд вот такой:
(смотри приложение)

Удачи!

Приложение:

Ответ отправил: Grigory (статус: 4-ый класс)
Ответ отправлен: 12.11.2006, 08:16
Оценка за ответ: 5
Комментарий оценки:
Большое спасибо!!!
Отвечает: Олег Владимирович
Здравствуйте, Sergey78!

Как вы, наверное, догадались из предыдущего ответа, средствами только HTML и CSS менять картинки нельзя. Но, кроме того, если картинки довольно объёмные, они будут долго грузиться, поэтому представьте: сначала потихоньку показывается первый рисунок, а при наведении мыши начинает так же медленно всплывать второй рисунок... А если пользователь отключится от Нета, откуда брать второй рисунок? Поэтому делается предзагрузка рисунков, что позволяет их заменять один на другой достаточно быстро.
Функция предзагрузки:
<SCRIPT Language=JavaScript Type="text/javascript">
function preload() {
im1 = new Image(); im1.src = 'first.jpg';
im2 = new Image(); im2.src = 'second.jpg';
}
</SCRIPT>
Её надо вызвать в самом начале:
<BODY OnLoad="preload();">
А для картинки прописать
<IMG ID=im SRC="first.jpg" OnMouseOver="im.src = im2.src;" OnMouseOut="im.src = im1.src;">

Удачи!
---------
Факультет ПМ-ПУ - лучший в СПбГУ!
Ответ отправил: Олег Владимирович (статус: 6-ой класс)
Ответ отправлен: 12.11.2006, 21:10
Оценка за ответ: 5
Комментарий оценки:
Большое спасибо за очень развернутый ответ. Именно это мне и было нужно!

Отправить вопрос экспертам этой рассылки

Приложение (если необходимо):

* Код программы, выдержки из закона и т.п. дополнение к вопросу.
Эта информация будет отображена в аналогичном окне как есть.

Обратите внимание!
Вопрос будет отправлен всем экспертам данной рассылки!
Для того, чтобы отправить вопрос выбранным экспертам этой рассылки или
экспертам другой рассылки портала RusFAQ.ru, зайдите непосредственно на RusFAQ.ru.


Форма НЕ работает в почтовых программах The BAT! и MS Outlook (кроме версии 2003+)!
Чтобы отправить вопрос, откройте это письмо в браузере или зайдите на сайт RusFAQ.ru.

© 2001-2006, Портал RusFAQ.ru, Россия, Москва.
Идея, дизайн, программирование: Калашников О.А.
Email: adm@rusfaq.ru, Тел.: +7 (926) 535-23-31
Авторские права | Реклама на портале
Версия системы: 4.37 от 04.10.2006 		Яндекс Rambler's Top100
В избранное