Помощь с js onmouse
138 сообщений
#15 лет назад
Здравствуйте, возникла проблема с js. Переделываю под нужды скрипт ссылка (исходник там есть)Что нужно - при наведении на стрелку (hover), картинка меняется, при отводе мыши от стрелке, картинка становиться прежней. Сделал через js . почему вы спросите на онмаусаут не сделать первоначальную картинку? ответ - при окончании картинок стрелка становится не активной, а как только курсор убираешь появляется активная картинка.
<img src="/modules/mod_myslider/images/r_ar_b.jpg"
id="next-arrow" class="right-button-image"
onmouseover="this.src='/modules/mod_myslider/images/r_ar_o.jpg';"
onmouseout ="javascript:void()";
alt="Next Button"/>
это не работает... может кто подскажет как реализовать подобное?
.спасибо
96 сообщений
#15 лет назад
Попробуй так сделать:
<script>
function changenext()
{
if(document.nextarr.src='/modules/mod_myslider/images/r_ar_b.jpg') { document.nextarr.src='/modules/mod_myslider/images/r_ar_o.jpg'; return; }// картинка для onmouseover
if(document.nextarr.src='/modules/mod_myslider/images/r_ar_o.jpg') { document.nextarr.src='/modules/mod_myslider/images/r_ar_b.jpg'; return; }// картинка для onmouseout
if(document.nextarr.src='/modules/mod_myslider/images/r_ar_a.jpg') return; // если неактивная картинка
}
</script>
<img src="/modules/mod_myslider/images/r_ar_b.jpg"
id="next-arrow" name="nextarr" class="right-button-image"
onmouseover="changenext()" onmouseout ="changenext()"; alt="Next Button"/>
338 сообщений
#15 лет назад
Чтото не совсем условие про активные-не активные картинки понял, а точнее совсем торможу.как пример могу предложить ссылка при наведении на иконки там менются картинки
<script type="text/javascript">
function changePicOver(point) {
document.getElementById("img_"+point).src = "wp-content/themes/taxi-last/images/logo_"+point+"_eng.png";
}
function changePicOut(point) {
document.getElementById("img_" + point).src = "wp-content/themes/taxi-last/images/logo_"+point+"_rus.png";
}
</script>
<a href="taxi" onMouseOver="changePicOver('act1')" onMouseOut="changePicOut('act1')">
<img id="img_act1" src="wp-content/themes/taxi-last/images/logo_act1_rus.png"></a>
и в функциях уже делайте что хотите с объектом.
138 сообщений
#15 лет назад
stealthdebuger, к сожалению при таком раскладе, картинка на маусаут меняется тоже
96 сообщений
#15 лет назад
Shar1ngan, посмотри внимательно код на своем сайте, там конфликт "Предупреждение: Пустая строка не может быть аргументом метода getElementById()."