onmousedown und onmouseup ereignisse mit HTML

  • #1
N

nycab

Mitglied
Themenersteller
Dabei seit
28.12.2002
Beiträge
14
Reaktionspunkte
0
Hi leutz

ich habe folgendes Problem:

Ich benutze ein Bild als Button und es so machen, dass wenn man drauf klick, also mousedown, sich das Bild ändert und beim loslassen der Maustaste wieder das alte bild da ist.

Geht das überhaubt mit HTML, wenn ja bitte Quellcode.

MfG nycab

P.S. wie kann ich die bilder vorladen?
 
  • #2
habs mal im dreamweaver probiert: es ist halt auch java dabei


<script language=JavaScript type=text/JavaScript>
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf(#)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(?))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad=MM_preloadImages('bild1.jpg')>
<img src=bild.jpg width=150 height=113><a href=# onMouseDown=MM_swapImage('Image2','','bild1.jpg',1) onMouseUp=MM_swapImgRestore()><img src=bild1.jpg name=Image2 width=150 height=113 border=0></a>
</body>
 
  • #3
Hi,
hierbei handelt es sich jedoch nicht um Java, sondern um JavaScript.
Es geht aber auch sehr viel einfacher:


HTML:
Code: 
<img src=bild1.gif name=bild onmousedown=bildwechsel('bild2.gif') onmouseup=bildwechsel('bild1.gif')>

Das JavaScript dazu, dass du in den Headbereich des Dokumentes schreibst:
Code: 
<script>
function bildwechsel(source){
         document.bild.src=source;
}
</script>

bild1 ist das Bild, dass du ursprünglich siehst. Wenn du nun auf das Bild klickst und die Mousetaste gedrückt hälst, siehst du so lange Bild2. Wenn du die Mousetaste nun wieder loslässt, siehst du wieder Bild1.

Wenn du noch Fragen hast, tu dir keine Hemmungen an.

Mfg,
Cledith
 
Thema:

onmousedown und onmouseup ereignisse mit HTML

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.840
Beiträge
707.963
Mitglieder
51.494
Neuestes Mitglied
Flensburg45
Oben