Как сделать, чтобы style.display работало во всех браузерах? #791775

#0 by megabax

Сделал вот такой код: </head> <body> <script> function mouseover(e){ //alert(e.children.statimage.style.display); //alert(e.name); if(e.name=="noload") { e.children.gifimage.src="01-gif-250.gif"; //alert("asfdsf"); } e.children.statimage.style.display ="none"; e.children.gifimage.style.display ="block"; e.name="load"; } function mouseout(e){ e.children.gifimage.style.display ="none"; e.children.statimage.style.display ="block"; //e.src = "01-gif_stop-300x300.jpg"; } </script> sfdsfdsfdsfdsfdsfdsfs dsfdsf <br> <div onmouseover="mouseover(this)" onmouseout="mouseout(this)" name="noload"> <img src="01-gif_stop-300x300.jpg" name="statimage" width=300 height=300> <img src="" name="gifimage" style="display:none" width=300 height=300> </div> <br> dsfdsfdsf dsfdsf <br> </body> </html> но он работает только в IE, подскжате, плз, как сделать, чтобы он работал в остальных браузерах?

#1 by Юрий Лазаренко

Так оно работает, значение display меняется.

#2 by megabax

Гифка не отображается. А в ИЕ нормально.

#3 by megabax

грубо говоря, при наводе мышкой картинка исчезает и становиться пустое поле

#4 by Юрий Лазаренко

У меня и в ИЕ пустое

#5 by megabax

Походу, еще и от версии Ие зависит, работает или не работает? А как же тогда быть то? Тут, короче задача такая. Есть куча гифок, которые занимают много места. Из-за этого страница долго грузиться. Была выдвинута идея написать джава скрит, который грузит гифку только когда на нее наводишь мышкой. Какие есть еще варианты решить данную проблему?

#6 by Юрий Лазаренко

А таких гифок на странице будет несколько? Или только одна?

#7 by megabax

Несколько, конечно. Если бы была одна, не надо было бы весь этот сыр бор городить.....

#8 by Asmody

:hover чем не устраивает?

#9 by Юрий Лазаренко

Они хотят минимизировать время загрузки страницы. Поэтому по дефолту грузятся пустые картинки (вернее, одна картинка-шаблон), при наведении на нее мышки она должна заменяться на картинку "Идет загрузка", а как только загрузится, вместо этой надписи должна появиться загруженная картинка. Так что hover тут не катит.

#10 by Asmody

А я вижу, что он хочет при наведении мышки чего-то там менять.

#11 by Юрий Лазаренко

Я тоже вижу именно это. Но вангую, что хочется им все-таки того, что в .

#12 by Юрий Лазаренко

То есть, навел мышь на картинку - она начала грузиться. А до того момента там заглушка висит.

#13 by Вафель

а может src просто менять?

#14 by Юрий Лазаренко

Ну там надо чтобы сначала src поменялся на адрес картинки "Грузится", а по окончании загрузки на загруженную картинку.

#15 by Вафель

у картинки есть событие onload

#16 by Вафель

а хотя нет, не так

#17 by trdm

Вопрос другого плана: как реализована загрузка по мере видимости? Т.е. скролишь страницу, до конца, в конце срабатывает загрузка остатка хвоста. Как это делается? На какой сигнал/обработчик расчитан механизм?

#18 by Asmody

onscroll

#19 by trdm

О, мерси. Такого рода магия для меня загадка :)

#20 by Юрий Лазаренко

Аяксом можно, там есть onload

Тэги: Веб-мастеринг

Ответить:

Комментарии доступны только авторизированным пользователям

Регистрация

Как сделать, чтобы style.display работало во всех браузерах? #791775

Похожие вопросы 1С

В этой группе 1С