2014-10-14 2 views
-1

Когда мышь над изображением, он отображает символ сломанного изображения и не возвращается, когда я перемещаю мышь. Вот мой HTML:Наведите указатель мыши на изображение, перетащив его html

<img src="images\News\btn_DownloadNow.png" onmouseover="this.src='over_DownloadNow.png'" onmouseout="this.src='btn_DownloadNow.png'"> 

ответ

0

Убедитесь, что изображение находится в правильном пути к файлу. Возможно, это в images\News\? Если это так, вам придется написать так, как рекомендовал Флаудре. Или это может быть ваша косая черта. Может быть, вместо этого использовать косые черты? images/News/.

+0

Вы правы, ему нужны косые черты! Спасибо! – Salina

+0

Нет проблем! Рад, что вы смогли это исправить. –

0
<img src="images\News\btn_DownloadNow.png" onmouseover="this.src='images\News\over_DownloadNow.png'" onmouseout="this.src='images\News\btn_DownloadNow.png'"> 
+0

Я пробовал, что не исправил его – Salina

+0

Хм, он отлично работает для меня. Вы уверены, что файл over_DownloadNow.png находится в папке «Новости»? Возможно ли, что файл сломан или, может быть, jpg, а не png? В любом случае, вы также можете использовать css для создания зависания! Поскольку, как только у вас есть несколько кнопок, проще назначить их для общего класса css, чем для определения каждого свойства onmouseout и onmouseover каждого элемента с помощью js. – Flaudre

+0

Странно .. да его находится в той же папке, что и btn_DownloadNow.png, и я просто дважды проверил, что они оба .png-файлы. Но спасибо в любом случае ... – Salina

0

Попробуйте это:

<img onmouseover="this.src='over_DownloadNow.png';" onmouseout="this.src='images\News\btn_DownloadNow.png';" src="images\News\btn_DownloadNow.png" alt="">

+0

все еще не исправил это :(Я пробовал как в Chrome, так и в firefox, и его по-прежнему та же проблема – Salina

+0

ли путь к файлу вашего изображения прав? – winresh24

+0

да, я тройной проверил путь – Salina

Смежные вопросы