onmousedown und onmouseup ereignisse mit HTML

Dieses Thema onmousedown und onmouseup ereignisse mit HTML im Forum "Windows XP Forum" wurde erstellt von nycab, 3. Jan. 2004.

Thema: onmousedown und onmouseup ereignisse mit HTML Hi leutz ich habe folgendes Problem: Ich benutze ein Bild als Button und es so machen, dass wenn man drauf...

  1. 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