Блог

Я хочу сравнить, соответствует ли выбранное изображение желаемому изображению.. Вот исходный код, но он не работает

 function mouseOut(txt){
var imgClick, imgOrig; imgClick = 'images/' txt '_onclick.png'; imgOrig   ='images/' txt '.png';
if(document.getElementById(txt).src == imgClick){return false;}
else {document.getElementById(txt).src = imgOrig};
}
  

Затем в img

 <a href = "#"><img src="images/leistungen.png" alt="leistungen" name="leistungen" width="162" height="38" id="leistungen"
onclick="MM_swapImage('home','','images/home_orig.png','philosophie','','images/philosophie.png','kontakt','','images/kontakt.png','body_layout','','images/body_leistungen.png',0)"
onmouseover="MM_swapImage('leistungen','','images/leistungen_onclick.png',1)"
onmouseout="mouseOut('leistungen')" /></a>
  

Мой вопрос снова

 if(document.getElementById(txt).src == imgClick)
  

Это неправильно, но я хочу сравнить, равно ли текущее изображение (наведение курсора мыши, onclick, onmouseout) имени файла изображения

допустим, у меня есть эти изображения… home.png и home_onclick.png изображение по умолчанию — home.png, при наведении курсора мыши изображение изменится на home_onclick, а при наведении курсора мыши оно изменится на home.png тогда и только тогда, если не будет запущено событие onclick.

Заранее спасибо

SRC вернет полный путь к изображению. Следовательно, если вам нужно сравнить, укажите ваши значения imgClick как полные URL, а не относительные. ie imgClick = "http://www.mysite.com/images" txt '_onclick.png';

( вы также можете использовать window.location.protocol "//" window.location.host вместо своего имени сайта )

Другой подход заключается в проверке, содержит ли src imgClick

 if(document.getElementById(txt).src.indexOf(imgClick) > 0){
    return false;
}
else {
    document.getElementById(txt).src = imgOrig;
}