Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: При наведении курсора картинка меняется
 
 автор: beowulf   (16.08.2005 в 16:37)   письмо автору
 
 

Подскажите, как на js сделать так, чтобы при наведении курсора на картинку, она менялась

   
 
 автор: Киналь   (16.08.2005 в 18:17)   письмо автору
 
   для: beowulf   (16.08.2005 в 16:37)
 

Кажись, так:

<img src=old.jpg onMouseOver="this.src='new.jpg'">

   
 
 автор: Axxil   (16.08.2005 в 18:22)   письмо автору
 
   для: 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()'>

   
 
 автор: Денис   (26.08.2005 в 12:21)   письмо автору
 
   для: 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;
}

   
 
 автор: Agronom   (26.08.2005 в 12:30)   письмо автору
 
   для: Денис   (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>

   
 
 автор: Денис   (26.08.2005 в 12:42)   письмо автору
 
   для: Agronom   (26.08.2005 в 12:30)
 

Спасибо, большое :-). все работает здорово! :-)

   
 
 автор: alik   (26.08.2005 в 12:36)   письмо автору
 
   для: Денис   (26.08.2005 в 12:21)
 

Java любит кавычки^
function rollOver() { this.src="images/account_on.gif"; }
function rollOut() { this.src="images/account_off.gif"; }
Не проверял, может оно, вообще у тебя так напутано с кавычками!

   
 
 автор: Duran   (26.08.2005 в 12:38)   письмо автору
 
   для: Денис   (26.08.2005 в 12:21)
 

Ну тада вот рабочий вариант (см. аттач)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования