Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / При наведении мышки меняется картинка, но... / 25 сообщений из 49, страница 1 из 2
27.05.2008, 16:12
    #35337926
GIR
GIR
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
Подскажите скрипт на яве.
Наводиш на картинку и она заменяется другой картинкой.
Весь смак должен заключатся в том, чтобы все картинки на каторые будут заменятся, должны быть уже загружены.
Тоесть чтобы небыло такого, наводиш и ждёш пока загрузится вторая картинка.
...
Рейтинг: 0 / 0
27.05.2008, 16:40
    #35338035
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
Например так (только этоне Ява, а ЯваСкрипт)

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
...
<style type='text/css'>
..
.scr1 {
   background: url(<url_картинки1>);
}
.scr1_act {
   background: url(<url_картинки2>);
}
..
</style>
...
<div class='scr1' onmouseover='this.className="src1_act"'>
</div>
...

Только картинки нужно грузить самому в начале чтения странички...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
27.05.2008, 17:32
    #35338225
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
не учи плохому, надо юзать css sprites, и скрипт не нужен
...
Рейтинг: 0 / 0
27.05.2008, 17:35
    #35338235
GIR
GIR
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
Вот и хотел узнать, каким образом грузить картинки все сразу.
Или придётся грузить в скрытое поле или ещё куданить прятать чтоб небыло заметно не вооруженным глазом?

Я разобрался с вашем яваскриптом и конечный результат таков:
<div class='scr1' onmouseover='this.className="scr1_act"' onmouseout='this.className="scr1"'>

Но вот я не понял как это сделать с <img>. (у меня получается кнопка <a><img></a> вот на нее навожу и меняется картинка)
...
Рейтинг: 0 / 0
27.05.2008, 17:35
    #35338238
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
Угу. Где-то в начале странички кропаешь скрипт типа такого:
Код: plaintext
1.
2.
var pic1 = document.createElement("img");
pic1.id = "pic1";
pic1.src = "{your path to pic}";
Когда наводится мышка на картинку, срабатывает событие, которое меняет ее на новую. В принципе, это происходит следующим образом: навигатор проверят кеш на наличие картинки, если находит с таким именем, то делает запрос на сервер на идентичность, если одинаковы - грузит из кеша. Правда, по неизвестной мне причине, так происходит не всегда: иногда все же картинка скачивается снова (?).
Чтобы обойти все эти "премудрости", а также полностью избавиться от последующих загрузок/проверок, можно изначально прописать обе картинки и работать не с УРЛами, а с помощью DOM - удалять и вставлять созданные объекты. Уверен, что в работе так будет быстрее и надежнее.
...
Рейтинг: 0 / 0
27.05.2008, 19:16
    #35338573
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
млять, чтобы не мучаться и не ипать мозги с ДОМиками и прочей ересью, ещё раз, внятно и вдумчиво вводим в гугл "CSS Sprites".
Иначе в тупом IE не обойдется без нетривиальных проблем с мерцанием и постоянными запросами к серверу
...
Рейтинг: 0 / 0
27.05.2008, 23:04
    #35338827
GIR
GIR
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
Без обид, такое ощющение что я прошу нарисовать мне круг, а мне гаварят как его сконструировать не рисуя круга.

То что картинки часто грузятся заного, я уже понял, но такие проблемы есть у ИЕ каторого я не пущу дальше стартовой. о нём можно забыть. Полная оптимезация под Мазилу и Оперу.

Дайте ктонибудь ЯваСкрипт на <img> чтобы при наведении на картинку, она менялась. (не фон таблицы должен менятся и не теги форматирований текста, а именно картинка)


Гость, спасибо.


Жду ответа.
...
Рейтинг: 0 / 0
27.05.2008, 23:07
    #35338834
GIR
GIR
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
IDVsbruck
ну скропую в <style></style> а дальше что? Пример можно маленький?
...
Рейтинг: 0 / 0
27.05.2008, 23:14
    #35338844
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
GIR...должны быть уже загружены...
Это практически невозможно, за исключением случая, если загрузишь их в картинку с нулевой шириной и высотоу (но не дисплай:ноне). Да и то разные браузеры на это дело по разному смотрят, секурити полиси понимаешь...
...
Рейтинг: 0 / 0
27.05.2008, 23:15
    #35338845
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
Но я именно так и делаю хе-хе.
...
Рейтинг: 0 / 0
27.05.2008, 23:18
    #35338851
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
Вы спрашиваете то, что должны изучать сами.
На первый случай ссылка
http://www.w3schools.com/js/tryit.asp?filename=try_dom_image_src
Изучите этот ресурс da capo al fine
...
Рейтинг: 0 / 0
27.05.2008, 23:27
    #35338855
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
ShSerge GIR...должны быть уже загружены...
Это практически невозможно, за исключением случая, если загрузишь их в картинку с нулевой шириной и высотоу (но не дисплай:ноне). Да и то разные браузеры на это дело по разному смотрят, секурити полиси понимаешь...

Я гружу картинки в createElement("IMG"), которые ге добавлены в документ.
Дальше просто src присваиваю scr. Поскольку используется кэш новая загрузка не происходит.
Для верности,я думаю, можно хранить ссылки на элементы в массиве и делать их append и remove в конкретный DIV (хотя я так не провбовал делать, поскольк не было необходимости). В этом случае уже точно не будет повторной загрузки.
...
Рейтинг: 0 / 0
27.05.2008, 23:34
    #35338863
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
apapacy
Да ну его нафиг (проблема прошлого тысячелетия). Всё и по-человечески довольно быстро работает. Анимашки ведь всё-равно не так делаются... .
...
Рейтинг: 0 / 0
27.05.2008, 23:36
    #35338865
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
ShSergeДа ну его нафиг
Пардон. это не к человеку, а к задаче.
...
Рейтинг: 0 / 0
28.05.2008, 00:04
    #35338881
GIR
GIR
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
apapacyВы спрашиваете то, что должны изучать сами.
На первый случай ссылка
http://www.w3schools.com/js/tryit.asp?filename=try_dom_image_src
Изучите этот ресурс da capo al fine

О.о перебор. Я в 1000раз быстрее буду работать на dev.opera (утилите) в опере в реальном времени чем на этом карыте тестировать. В противном случае сделаю себе в локалке свой тестер на PHP и не буду мучатся.
Html я знаю хорошо. Вот ЯваСкрипт мне не к месту и нужны только лиш некаторые вещи.

Кароче буду юзать CSS Sprites. Ява как не рулила так и не будет походу.
...
Рейтинг: 0 / 0
28.05.2008, 00:06
    #35338882
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
GIR Ява как не рулила так и не будет походу.

До свидания, GIR.
...
Рейтинг: 0 / 0
28.05.2008, 00:08
    #35338884
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
GIR
...карыте ... мучатся ... лиш ... некаторые ...
... Кароче

Выучили HTML - можно и за русский браться.
...
Рейтинг: 0 / 0
28.05.2008, 00:59
    #35338914
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
apapacy...точно не будет повторной загрузки...
Повторной - не бывает. Если у тебя (Вас) на страничке встречается, например десяток <img src='iiimmmggg.jpg'> - картинка грузится только один раз (лет десять тому назад очень дотошно проверял). Если в процессе понадобится изменить уже загруженную картинку с тем же названием - придётся писать чего-то типа <img src="iiimmmggg.jpg?now=текущая_дата-время">. Иначе - из кеша старая отобразится.
...
Рейтинг: 0 / 0
28.05.2008, 01:03
    #35338916
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
Я в Опере экперименировал - задавал самые эккстремальные параметры для картинок.
Так повторно грузились даже background-image при смене className
...
Рейтинг: 0 / 0
28.05.2008, 01:08
    #35338920
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
apapacy
Странно. Я в ещё в ИЕ4 извращался.
...
Рейтинг: 0 / 0
28.05.2008, 01:38
    #35338941
GIR
GIR
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
apapacy GIR
...карыте ... мучатся ... лиш ... некаторые ...
... Кароче ,
Выучили HTML - можно и за русский браться.


Выучили HTML - можно и за русский браться.

Приятноя такая подпись была о каждом форуме на катором найдётся тот, кто предрётся к орфографии.
Неужели вы один русский человек? Вам моё положение не известно и даже близко знать не хотите и из-за таких как вы начинается самое отвратительное без обид.
И всёже я выскажу: Русский учил только до четвертого класса, всё остальное время живу в Германии и тут русскому не учат как учили. Вам не выкручиватся так будьте тихО и не оффтопте.

apapacy
Я в Опере экперименировал - задавал самые эккстремальные параметры для картинок.
Так повторно грузились даже background-image при смене className


А можно конфиг вашей оперы и экстремальные значения.
...
Рейтинг: 0 / 0
28.05.2008, 01:56
    #35338951
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
GIRи из-за таких как вы начинается самое отвратительное без обид.

Не я это сказал.
...
Рейтинг: 0 / 0
28.05.2008, 02:29
    #35338963
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
GIR
А можно конфиг вашей оперы и экстремальные значения.
...
Рейтинг: 0 / 0
28.05.2008, 02:30
    #35338965
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
apapacy GIR
А можно конфиг вашей оперы и экстремальные значения.

Сетка сбойнула...
...
Рейтинг: 0 / 0
28.05.2008, 08:22
    #35339061
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
При наведении мышки меняется картинка, но...
GIRДайте ктонибудь ЯваСкрипт на <img> чтобы при наведении на картинку, она менялась.
А чем тебе пример IDVsbruck , который он привел чуть выше, не понравился?
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / При наведении мышки меняется картинка, но... / 25 сообщений из 49, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]