Помощник
|
Изображение изменяется при наведении |
DasTPID
|
Сообщение
#1
|
||
|
|
||
|
|||
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
|
Сообщение
#3
|
|
1)
Но картинка уже должна быть загруженна иначе не отобразится А можно чуть подробнее - загружена должна быть куда? Если я просто в конце странички сделаю <img src = "img2.jpg" WIDTH = "0" HEIGHT= "0"> - пойдет? 2) Что такое OnFocus? Если сравнивать с языками программирования, то по идее, метод должен называться что-то вроде OnMouseMove. 3) Что такое id = "MyImage", и для чего он нужен? |
|
|
DasTPID
|
Сообщение
#4
|
|
4) Опять-таки, если сравнивать с языками программирования, то в вашу функцию должно быть передана копия значения this, а на деле передается ссылка на него; почему?
|
|
|
MetSerp |
23.1.2009, 16:26;
Ответить: MetSerp
Сообщение
#5
|
|
А можно чуть подробнее - загружена должна быть куда? Если я просто в конце странички сделаю [IMG]http://www.html.by/img2.jpg[/IMG] - пойдет? Проще невидимую загрузить и не в конце страницы а ближе к нчалу но точно до функциииначе пользователь может успеть навести мышку 2) Что такое OnFocus? Если сравнивать с языками программирования, то по идее, метод должен называться что-то вроде OnMouseMove. и у меня и у вас косяк он фокус это картинка получила фокус но я не уверен что наведение мыши считается за фокус. это мой косяк OnMouseMove. получите дергающуюся картинку потому что через каждое шевеление на ней мышкой будет производится замена картинки по условию Скорее всего тут надо: <img id="myimage" src="/img1.jpg" onMouseOut="myfunction(this)" onMouseOver="myfunction(this)"/> onMouseOut - курсор ушел с объектаonMouseOver - Курсор над объектом 3) Что такое id = "MyImage", и для чего он нужен? Уникально имя именно этого тега картинки именно к нему и обращается скрипт 4) Опять-таки, если сравнивать с языками программирования, то в вашу функцию должно быть передана копия значения this, а на деле передается ссылка на него; почему? this означает что нужная переменная является ссылкой на вызвавший функцию объект |
|
|
Krovatka |
3.6.2009, 13:39;
Ответить: Krovatka
Сообщение
#6
|
|
А еще подробнее можно???
Последовательно написать и от и до.. все вместе, ну если не трудно!!! Можно написать так, чтобы мне осталось только картинки вставить свои? |
|
|
Zippovich |
3.6.2009, 15:53;
Ответить: Zippovich
Сообщение
#7
|
|
|
Не советовал бы делать подобное на JS.
Таких тем на форуме проскакивало мильен - поищите, уже все разжевано.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
7 | stu999 | 1759 | 31.3.2024, 11:19 автор: stu999 |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2206 | 24.10.2022, 19:23 автор: Wachowski |
|
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе! | 65 | inkon | 30395 | 19.7.2022, 13:41 автор: Funoman |
|
тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе. Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО |
71 | VIMstat | 78515 | 21.6.2022, 9:38 автор: VIMstat |
|
Отображение нужного блока при клике. | 0 | bhtml | 1678 | 10.7.2020, 15:18 автор: -bhtml- |
Текстовая версия | Сейчас: 25.4.2024, 21:31 |