|
|
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Подскажите скрипт на яве. Наводиш на картинку и она заменяется другой картинкой. Весь смак должен заключатся в том, чтобы все картинки на каторые будут заменятся, должны быть уже загружены. Тоесть чтобы небыло такого, наводиш и ждёш пока загрузится вторая картинка. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 16:12 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Например так (только этоне Ява, а ЯваСкрипт) Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. Только картинки нужно грузить самому в начале чтения странички... ---------- Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 16:40 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
не учи плохому, надо юзать css sprites, и скрипт не нужен ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 17:32 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Вот и хотел узнать, каким образом грузить картинки все сразу. Или придётся грузить в скрытое поле или ещё куданить прятать чтоб небыло заметно не вооруженным глазом? Я разобрался с вашем яваскриптом и конечный результат таков: <div class='scr1' onmouseover='this.className="scr1_act"' onmouseout='this.className="scr1"'> Но вот я не понял как это сделать с <img>. (у меня получается кнопка <a><img></a> вот на нее навожу и меняется картинка) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 17:35 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Угу. Где-то в начале странички кропаешь скрипт типа такого: Код: plaintext 1. 2. Чтобы обойти все эти "премудрости", а также полностью избавиться от последующих загрузок/проверок, можно изначально прописать обе картинки и работать не с УРЛами, а с помощью DOM - удалять и вставлять созданные объекты. Уверен, что в работе так будет быстрее и надежнее. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 17:35 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
млять, чтобы не мучаться и не ипать мозги с ДОМиками и прочей ересью, ещё раз, внятно и вдумчиво вводим в гугл "CSS Sprites". Иначе в тупом IE не обойдется без нетривиальных проблем с мерцанием и постоянными запросами к серверу ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 19:16 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Без обид, такое ощющение что я прошу нарисовать мне круг, а мне гаварят как его сконструировать не рисуя круга. То что картинки часто грузятся заного, я уже понял, но такие проблемы есть у ИЕ каторого я не пущу дальше стартовой. о нём можно забыть. Полная оптимезация под Мазилу и Оперу. Дайте ктонибудь ЯваСкрипт на <img> чтобы при наведении на картинку, она менялась. (не фон таблицы должен менятся и не теги форматирований текста, а именно картинка) Гость, спасибо. Жду ответа. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 23:04 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
IDVsbruck ну скропую в <style></style> а дальше что? Пример можно маленький? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 23:07 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR...должны быть уже загружены... Это практически невозможно, за исключением случая, если загрузишь их в картинку с нулевой шириной и высотоу (но не дисплай:ноне). Да и то разные браузеры на это дело по разному смотрят, секурити полиси понимаешь... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 23:14 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Но я именно так и делаю хе-хе. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 23:15 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Вы спрашиваете то, что должны изучать сами. На первый случай ссылка http://www.w3schools.com/js/tryit.asp?filename=try_dom_image_src Изучите этот ресурс da capo al fine ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 23:18 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
ShSerge GIR...должны быть уже загружены... Это практически невозможно, за исключением случая, если загрузишь их в картинку с нулевой шириной и высотоу (но не дисплай:ноне). Да и то разные браузеры на это дело по разному смотрят, секурити полиси понимаешь... Я гружу картинки в createElement("IMG"), которые ге добавлены в документ. Дальше просто src присваиваю scr. Поскольку используется кэш новая загрузка не происходит. Для верности,я думаю, можно хранить ссылки на элементы в массиве и делать их append и remove в конкретный DIV (хотя я так не провбовал делать, поскольк не было необходимости). В этом случае уже точно не будет повторной загрузки. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 23:27 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
apapacy Да ну его нафиг (проблема прошлого тысячелетия). Всё и по-человечески довольно быстро работает. Анимашки ведь всё-равно не так делаются... . ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 23:34 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
ShSergeДа ну его нафиг Пардон. это не к человеку, а к задаче. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.05.2008, 23:36 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
apapacyВы спрашиваете то, что должны изучать сами. На первый случай ссылка http://www.w3schools.com/js/tryit.asp?filename=try_dom_image_src Изучите этот ресурс da capo al fine О.о перебор. Я в 1000раз быстрее буду работать на dev.opera (утилите) в опере в реальном времени чем на этом карыте тестировать. В противном случае сделаю себе в локалке свой тестер на PHP и не буду мучатся. Html я знаю хорошо. Вот ЯваСкрипт мне не к месту и нужны только лиш некаторые вещи. Кароче буду юзать CSS Sprites. Ява как не рулила так и не будет походу. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 00:04 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR Ява как не рулила так и не будет походу. До свидания, GIR. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 00:06 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR ...карыте ... мучатся ... лиш ... некаторые ... ... Кароче Выучили HTML - можно и за русский браться. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 00:08 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
apapacy...точно не будет повторной загрузки... Повторной - не бывает. Если у тебя (Вас) на страничке встречается, например десяток <img src='iiimmmggg.jpg'> - картинка грузится только один раз (лет десять тому назад очень дотошно проверял). Если в процессе понадобится изменить уже загруженную картинку с тем же названием - придётся писать чего-то типа <img src="iiimmmggg.jpg?now=текущая_дата-время">. Иначе - из кеша старая отобразится. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 00:59 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Я в Опере экперименировал - задавал самые эккстремальные параметры для картинок. Так повторно грузились даже background-image при смене className ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 01:03 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
apapacy Странно. Я в ещё в ИЕ4 извращался. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 01:08 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
apapacy GIR ...карыте ... мучатся ... лиш ... некаторые ... ... Кароче , Выучили HTML - можно и за русский браться. Выучили HTML - можно и за русский браться. Приятноя такая подпись была о каждом форуме на катором найдётся тот, кто предрётся к орфографии. Неужели вы один русский человек? Вам моё положение не известно и даже близко знать не хотите и из-за таких как вы начинается самое отвратительное без обид. И всёже я выскажу: Русский учил только до четвертого класса, всё остальное время живу в Германии и тут русскому не учат как учили. Вам не выкручиватся так будьте тихО и не оффтопте. apapacy Я в Опере экперименировал - задавал самые эккстремальные параметры для картинок. Так повторно грузились даже background-image при смене className А можно конфиг вашей оперы и экстремальные значения. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 01:38 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIRи из-за таких как вы начинается самое отвратительное без обид. Не я это сказал. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 01:56 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR А можно конфиг вашей оперы и экстремальные значения. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 02:29 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
apapacy GIR А можно конфиг вашей оперы и экстремальные значения. Сетка сбойнула... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 02:30 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIRДайте ктонибудь ЯваСкрипт на <img> чтобы при наведении на картинку, она менялась. А чем тебе пример IDVsbruck , который он привел чуть выше, не понравился? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 08:22 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 18:06 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
С CSS Sprites я разобрался, но мне кажется что данный вариант не умеет работать с PNG файлами. Вапрос на засыпку: Есть PNG файл с кнопкой и наведёной кнопкой. 1 и вторая кнопка прозрачная, а также вокруг первой и второй кнопки есть прозрачная оконтовка. только в обычной кнопке она одного цвета, а в другой кнопке эта оконтовка другого цвета. Что делает CSS Sprites, он просто накладывает вторую кнопку поверх первой и получается что цвета смешиваются и в итоге результат не тот каторый ожидался. Может есть варианты в каторых бы PNG заменялся на другой, а не накладывался поверх первого. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 20:18 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR...Html я знаю хорошо. Вот ЯваСкрипт мне не к месту и нужны только лиш некаторые вещи... Ясен перец -хорошо знаешь HTML - яваскрипт не нужен. Кароче буду юзать CSS Sprites. Ява как не рулила так и не будет походу.[/quot] GIR...Ява как не рулила... Ява-то какая - у меня jre1.6.0_05 и ждк 6.0. ? Наверное, устарели... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.05.2008, 20:33 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIRС CSS Sprites я разобрался, но мне кажется что данный вариант не умеет работать с PNG файлами. Вапрос на засыпку: Есть PNG файл с кнопкой и наведёной кнопкой. 1 и вторая кнопка прозрачная, а также вокруг первой и второй кнопки есть прозрачная оконтовка. только в обычной кнопке она одного цвета, а в другой кнопке эта оконтовка другого цвета. Что делает CSS Sprites, он просто накладывает вторую кнопку поверх первой и получается что цвета смешиваются и в итоге результат не тот каторый ожидался. Может есть варианты в каторых бы PNG заменялся на другой, а не накладывался поверх первого. ниасилил, зааттач свой спрайт ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 29.05.2008, 23:52 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
зы Хорошо, што появилсё. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.05.2008, 00:08 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
зы У вас есть вариант с Sprites чтобы картинка заменялась, а не клалась по верх другой? ShSerge Нет не устарели, только какое отношение имеет это к разделу JavaScript... ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 31.05.2008, 22:32 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIRНет не устарели, только какое отношение имеет это к разделу JavaScript... ? Ну и нечего явскрипт явой называть. Мне и то и другое нравися. Но, всё-таки, очень волнуюсь, когда кто-то так говорит. Наверное, пора электричеством лечиться... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 01.06.2008, 10:50 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
ShSerg Ну почему всегда нужно оффтопить. Вы в разделе JavaScript и прочие, а не в програмировании. Чего к словам придераетесь. Ну впадлу писать два слова когда можно написать только одно зная что тебя поймут поскольку раздел соответствующий. А если не поймут, то уж это их проблемы и их невнимательность. Не по делу оффтопите кстате. Думаю с вашей стороны писать ответ будет не целесообразно, но и это мой последний пост в вашу сторону с оффтопом. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 01.06.2008, 13:00 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR ...не целесообразно... Не называйте яваскрипт - явой, а то ведь никогда на работу не устроитесь... Пускай меня забанят, но, это - так. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 01.06.2008, 15:32 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
А русский язык - таки учи. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 01.06.2008, 16:05 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR ShSerg Ну впадлу писать два слова когда можно написать только одно зная что тебя поймут поскольку раздел соответствующий. А если не поймут, то уж это их проблемы и их невнимательность . Не по делу оффтопите кстате. Ну вот мы и добрались до сути. Вам облом задавать Ваши элементарные вопросы. А нам должно быть не в облом давать на них всепокорнейшие ответы. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 01.06.2008, 17:31 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR зы У вас есть вариант с Sprites чтобы картинка заменялась, а не клалась по верх другой? у меня есть, дожопы, но перед тобой стоит простейшая задача - зааттачить свой спрайт и запостить свою css, слабо? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 02.06.2008, 17:38 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
зы Вашего намека не понял! Накидал по быстрому: Код: plaintext 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. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 02.06.2008, 22:56 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
зы...у меня есть, дожопы, ... "дожопы" пишется раздельно -"до жопы" - синтаксическая ошибка. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 02.06.2008, 23:33 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
GIR Накидал по быстрому: так ептв... иди ищи ещё раз в гугл что такое CSS sprites, лучше всего искать на alistapart.com ты двум разным элементам задаешь бэкраунд, с какой радости они не будут друг на друга накладываться? ShSerge "дожопы" пишется раздельно -"до жопы" - синтаксическая ошибка. если высранная куча гавна достает до _ жопы, то да, раздельно, но это уже скорее к доктору лечиться от диареи ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 03.06.2008, 12:32 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Блин, вроде далеко не ньюб в программировании, и в javascript'е и вебе давно, а с CSS Sprites никогда не сталкивался ... хорошая штука. Спасибо за наметки. Перевожу весь проект на эти рельсы. Что хочу спросить ... обычно картинки вставляют в бекграунд блока (дива, спана и т.д.) У меня используются в качестве кнопок тэги <img>, для которых обязательно поле src. Если все прописывать в стилях, то как быть с src? - Я туда вставил картинку, которая используется для прозрачных пнг - однопиксельный прозрачный гиф. Кто как это делает? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.06.2008, 12:28 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
не понял, а что мешает сделать кнопку не IMG а DIV'ом? религия?:) ну на крайний случай есть всякие такие штуки http://www.irt.org/script/955.htm ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.06.2008, 19:04 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Изврат, конечно, но клево! Можно аджаксом динамические картинки скидывать клиенту без их соранения на сервере. Может здорово пригодиться ... А по поводу своего вопроса: неохота на дивы переходить - слишком много вносить изменений - десятки страниц, десятки и десятки кнопок, потом возможно ... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.06.2008, 20:50 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
так стой, почему дивы, для кнопок как нельзя кстати подходит тэг A. У него есть все что надо, а именно кроссбраузерный селектор a:hover, благодаря которому ролловер делается без скрипта вообще ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.06.2008, 16:54 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Так же, как и для <img>: img:hover.myclass {background-position: -XXpx -XXpx} ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 08.06.2008, 01:05 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
IDVsbruckТак же, как и для <img>: img:hover.myclass {background-position: -XXpx -XXpx} да ладно, нифига это не везде работает, везде и 100% только a:hover ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.06.2008, 16:58 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
Злой ты, зы, очень злой ... Меня лишь интересует, чтобы работало в ИЕ7 и только в ИЕ7 - оно там замечательно работает. Точка. Просто хорошая штука и эту идею подкинул именно ты. Хотя жаль, что приходится благодарить такого злого человека :). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.06.2008, 17:11 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
да я злой :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.06.2008, 02:18 |
|
||
|
При наведении мышки меняется картинка, но...
|
|||
|---|---|---|---|
|
#18+
IDVsbruckМеня лишь интересует, чтобы работало в ИЕ7 и только в ИЕ7 - оно там замечательно работает. Точка. не все же работают с только ИЕ7, так что не смущай народ. Я вот у некоторых заказчиков до сих пор ИЕ5 встречаю в win2000. Тяжко. ИЕ5 - ваще засада, приходится всегда как минимум до шестого обновлять. Когда нужен :hover в ИЕ и лень заморачиваться с <a>, пользую behavior и .htc с описанием mouseover'а и mouseout'а. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.06.2008, 02:42 |
|
||
|
|

start [/forum/topic.php?all=1&fid=22&tid=1456357]: |
0ms |
get settings: |
6ms |
get forum list: |
9ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
179ms |
get topic data: |
15ms |
get forum data: |
2ms |
get page messages: |
48ms |
get tp. blocked users: |
1ms |
| others: | 205ms |
| total: | 469ms |

| 0 / 0 |
