при наведении картинка меняется...

@KotovichMX · Регистрация: 19.07.2011

Author24 — интернет-сервис помощи студентам

Помогите разобрать скрипт:

1 <script type="text/javascript" language="JavaScript">
2 function changeImg(source,links)
3 { document.getElementById('pict').src = source + '.gif';
4 document.getElementById('link').href = links;
5 };
6 </script>
7
8 <a href="" id="link"><img src="https://www.cyberforum.ru/images/icons/icon5.gif" id="pict" border=0
9 onMouseOver="changeImg('https://www.cyberforum.ru/images/smilies/sad', 'http://ssilka.ru/')"
10 onMouseOut="changeImg('https://www.cyberforum.ru/images/icons/icon5', '')" ></a>

- при наведении на картинку мышкой картинка меняется. Нужен вариант для группы картинок.

@Артем Д. · 28.07.2011, 05:48

[HTML]
<script type="text/javascript" language="JavaScript">
function changeImg(source,links)
{ document.getElementById('pict').src = source + '.gif';
document.getElementById('link').href = links;
};
</script>

С помощью jQuery можно сделать проще:

HTML5

<head>
  ......
  <script type="text/javascript" src="http://yandex.st/jquery/1.6.2/jquery.min.js"></script>
  <script type="text/javascript">
    jQuery.noConflict();
  </script>
  .....
</head>
<body>
  <script type="text/javascript">
    jQuery('img.img_sel').hover(function(){
        img_orig = jQuery(this).attr('src');
        img_new = jQuery(this).attr('alt');
        jQuery(this).attr('src',img_new);
      },function(){
         jQuery(this).attr('src',img_orig);
    });
  </script>
  .......
  <a href=""><img class="img_sel" src="https://www.cyberforum.ru/images/icons/icon1.gif" border="0" alt="https://www.cyberforum.ru/images/icons/icon1-2.gif"></a>
  <a href=""><img class="img_sel" src="https://www.cyberforum.ru/images/icons/icon2.gif" border="0" alt="https://www.cyberforum.ru/images/icons/icon2-2.gif"></a>
  <a href=""><img class="img_sel" src="https://www.cyberforum.ru/images/icons/icon3.gif" border="0" alt="https://www.cyberforum.ru/images/icons/icon3-2.gif"></a>
  .......
</body>

Вот, как-то так, это я экспромтом, так что если работать не будет, пиши, проверю, подправлю.

@KotovichMX · 01.08.2011, 14:48 **[ТС]**

Не работает. И неясно с ...onMouseOver... и ...onMouseOut... . Без них я думал никуда...

@KotovichMX -27 / 7 / 1 Регистрация: 19.07.2011 Сообщений: 627
		1
	при наведении картинка меняется... 27.07.2011, 23:01. Показов 3360. Ответов 2 Метки нет (Все метки) Помогите разобрать скрипт: 1 <script type="text/javascript" language="JavaScript"> 2 function changeImg(source,links) 3 { document.getElementById('pict').src = source + '.gif'; 4 document.getElementById('link').href = links; 5 }; 6 </script> 7 8 <a href="" id="link"><img src="https://www.cyberforum.ru/images/icons/icon5.gif" id="pict" border=0 9 onMouseOver="changeImg('https://www.cyberforum.ru/images/smilies/sad', 'http://ssilka.ru/')" 10 onMouseOut="changeImg('https://www.cyberforum.ru/images/icons/icon5', '')" ></a> - при наведении на картинку мышкой картинка меняется. Нужен вариант для группы картинок. 0

@KotovichMX -27 / 7 / 1 Регистрация: 19.07.2011 Сообщений: 627
	01.08.2011, 14:48 [ТС]	3
	Не работает. И неясно с ...onMouseOver... и ...onMouseOut... . Без них я думал никуда... 0

при наведении картинка меняется...

Решение