X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Изображение изменяется при наведении
DasTPID
DasTPID
Topic Starter сообщение 23.1.2009, 15:04; Ответить: DasTPID
Сообщение #1


Приветствую!

На сайте лежит изображение1. Ползователь наводит на него указатель мыши, и на этом же месте отображается изображение2, такого же размера. Курсор мыши уходит - и пользователь опять видит изображение1. Подскажите, пожалуйста, как такое можно реализовать на JavaScript, какие функции нужны, а если кто приведет работающий код - благодарность моя не будет иметь границ.:rolleyes:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 23.1.2009, 15:43; Ответить: MetSerp
Сообщение #2


сама подмена картинки очень проста:sarcastic:
function myfunction(obj)
{
if (obj.src == "/img1.jpg"){obj.src = "/img2.jpg"}
else {obj.src = "/img1.jpg"}
{

<img id="myimage" src="/img1.jpg" onfocus="myfunction(this)/>

Но картинка уже должна быть загруженна иначе не отобразится для этого есть варианты:
Писать функцию прелоадера картинок (их в интернете столько вариаций что найти не трудно)
Либо загрузить это изображение сделав его невидимым
style="display:none"

таким образом изображение загрузится но пользователь его не увидит :ph34r:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DasTPID
DasTPID
Topic Starter сообщение 23.1.2009, 16:17; Ответить: DasTPID
Сообщение #3


1)
Но картинка уже должна быть загруженна иначе не отобразится


А можно чуть подробнее - загружена должна быть куда? Если я просто в конце странички сделаю <img src = "img2.jpg" WIDTH = "0" HEIGHT= "0"> - пойдет?

2) Что такое OnFocus? Если сравнивать с языками программирования, то по идее, метод должен называться что-то вроде OnMouseMove.

3) Что такое id = "MyImage", и для чего он нужен?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DasTPID
DasTPID
Topic Starter сообщение 23.1.2009, 16:19; Ответить: DasTPID
Сообщение #4


4) Опять-таки, если сравнивать с языками программирования, то в вашу функцию должно быть передана копия значения this, а на деле передается ссылка на него; почему?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 23.1.2009, 16:26; Ответить: MetSerp
Сообщение #5


(DasTPID @ 23.1.2009, 18:17) *
А можно чуть подробнее - загружена должна быть куда? Если я просто в конце странички сделаю [IMG]http://www.html.by/img2.jpg[/IMG] - пойдет?

Проще невидимую загрузить и не в конце страницы а ближе к нчалу но точно до функциииначе пользователь может успеть навести мышку


(DasTPID @ 23.1.2009, 18:17) *
2) Что такое OnFocus? Если сравнивать с языками программирования, то по идее, метод должен называться что-то вроде OnMouseMove.

и у меня и у вас косяк он фокус это картинка получила фокус но я не уверен что наведение мыши считается за фокус. это мой косяк
OnMouseMove. получите дергающуюся картинку потому что через каждое шевеление на ней мышкой будет производится замена картинки по условию
Скорее всего тут надо:
<img id="myimage" src="/img1.jpg" onMouseOut="myfunction(this)" onMouseOver="myfunction(this)"/>
onMouseOut - курсор ушел с объекта
onMouseOver - Курсор над объектом


(DasTPID @ 23.1.2009, 18:17) *
3) Что такое id = "MyImage", и для чего он нужен?

Уникально имя именно этого тега картинки именно к нему и обращается скрипт
(DasTPID @ 23.1.2009, 18:19) *
4) Опять-таки, если сравнивать с языками программирования, то в вашу функцию должно быть передана копия значения this, а на деле передается ссылка на него; почему?

this означает что нужная переменная является ссылкой на вызвавший функцию объект
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Krovatka
Krovatka
сообщение 3.6.2009, 13:39; Ответить: Krovatka
Сообщение #6


А еще подробнее можно???
Последовательно написать и от и до.. все вместе, ну если не трудно!!!
Можно написать так, чтобы мне осталось только картинки вставить свои?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 3.6.2009, 15:53; Ответить: Zippovich
Сообщение #7


Не советовал бы делать подобное на JS.

Таких тем на форуме проскакивало мильен - поищите, уже все разжевано.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78310 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1649 10.7.2020, 15:18
автор: -bhtml-


 



RSS Текстовая версия Сейчас: 28.3.2024, 22:21
Дизайн