|
|
|
| Подскажите, как на js сделать так, чтобы при наведении курсора на картинку, она менялась | |
|
|
|
|
|
|
|
для: beowulf
(16.08.2005 в 16:37)
| | Кажись, так:
<img src=old.jpg onMouseOver="this.src='new.jpg'">
|
| |
|
|
|
|
|
|
|
для: beowulf
(16.08.2005 в 16:37)
| | Не проверял, но должно работать...
<script>
function rollOver(){
this.src='pic1.jpg';
}
function rollOut(){
this.src='pic.jpg';
}
</script>
<img src='pic.jpg' onMouseOver='rollOver()' onMouseOut='rollOut()'>
|
| |
|
|
|
|
|
|
|
для: Axxil
(16.08.2005 в 18:22)
| | та же проблема: не срабатывает скрипт
<a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><img src="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME .'/images/menu/account.gif' ?>" onMouseOver='rollOver()' onMouseOut='rollOut()'></a>
|
и сам java-script:
function rollOver(){
this.src=<?php echo "" . DIR_WS_IMAGES . 'account_on.gif'?>;
}
function rollOut(){
this.src=<?php echo "" . DIR_WS_IMAGES . 'account_off.gif'?>;
}
|
в отладчике говорит, что не может найти картинку и наводит на строку
function rollOver(){
this.src=images/account_on.gif;
}
function rollOut(){
this.src=images/account_off.gif;
}
| |
|
|
|
|
|
|
|
для: Денис
(26.08.2005 в 12:21)
| | Если Вам нужно использовать картинку ввиде ссылки, то можно воспользоваться такой структурой:
<a href="адрес"
onMouseOver="document.myImage24.src='new.gif'"
onMouseOut="document.myImage24.src='old.gif'"><img src="old.gif" name="myImage24" border=0></a>
|
| |
|
|
|
|
|
|
|
для: Agronom
(26.08.2005 в 12:30)
| | Спасибо, большое :-). все работает здорово! :-) | |
|
|
|
|
|
|
|
для: Денис
(26.08.2005 в 12:21)
| | Java любит кавычки^
function rollOver() { this.src="images/account_on.gif"; }
function rollOut() { this.src="images/account_off.gif"; }
Не проверял, может оно, вообще у тебя так напутано с кавычками! | |
|
|
|
|
|
|
|
для: Денис
(26.08.2005 в 12:21)
| | Ну тада вот рабочий вариант (см. аттач) | |
|
|
|