Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Смена картинки по наведению И щелчку (https://javascript.ru/forum/misc/10679-smena-kartinki-po-navedeniyu-i-shhelchku.html)

berra 15.07.2010 13:13

Смена картинки по наведению И щелчку
 
Привет, есть 2 отдельных скрипта, которые меняют картинку1 по наведению и щелчку мыши на картинку2.
Вопрос - как их совместить?
Т.е. чтобы при наведении картинка1 менялась на картинку2 и при щелчке оставалась картинкой2.

Код:
<script language="javascript">
function locateObject(name, d)
{
var i,x;
if(!d) d=document;

x=d[name];
for(i=0; !x && d.layers && i< d.layers.length; i++)
x=locateObject(name, d.layers[i].document);
return x;
}
function ImageSwap( Name, URL)
{
var img;
img = locateObject(Name);
img.src = URL;
}
</script>
<script>
	  var x=false
    function imgchange(obj,imgX,imgY) {
	   if  (x){
	   obj.src=imgX
	   } else {
	   obj.src=imgY
	   }
	  x=!x
	 }
	 </script>

<a href="about.html" target="mytext"
onMouseUp="ImageSwap('T1','top1a.jpg')"
onMouseOut="ImageSwap('T1','top1.jpg')">
<img src="top1.jpg" border="0" name="T1" onclick=imgchange(this,"top1.jpg","top1a.jpg")></a>


Я в скриптах вообще ничего не понимаю, но мне кажется дело, в OnMouseUp, т.е. картинка меняется на исходную когда мышь не на ней, вне зависимости от щелчков.. что с этим можно сделать?

exec 15.07.2010 13:18

<img src="1.png" onmouseover="this.src = '2.png';" />

berra 15.07.2010 13:25

"this.src = '2.png';"
не работает (

exec 15.07.2010 13:32

<img src="http://javascript.ru/forum/images/ca_serenity/buttons/edit.gif" onmouseover="this.src = 'http://javascript.ru/forum/images/ca_serenity/buttons/multiquote_off.gif';" />

berra 15.07.2010 13:36

Хм, да, а когда убираешь мышь оно же обратно не меняется, а должно.

berra 15.07.2010 13:44

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

Так:
<img src="1.jpg"  onmouseover="this.src = '2.jpg';" onmouseout="this.src = '1.jpg';" onclick="this.src = '2.jpg';" onmouseup="this.src = '2.jpg';">


опять же не получается то, что надо..
Может это вообще невозможно сделать?

рони 15.07.2010 13:52

<img src="1.jpg"  onmouseover="this.src = '2.jpg';" onmouseout="this.src = '1.jpg';" onclick="this.src = '2.jpg';this.onmouseout=null;" >

berra 15.07.2010 13:59

Спасибо огромное!! Вы меня спасли!


Часовой пояс GMT +3, время: 11:04.