onmouse...-Funktion ?

[Simona]

Hallo,

Ich habe ein Problem, und zwar habe ich eine Grafikseite und brauche eine Mouseoverfunktion, allerdings weiß ich nicht ob das eine Mouseoverfunktion ist. Denn ich möchte es ähnlich machen wie im folgenden Beispiel:
Hier klicken

Kann mir jemand idiotensicher erklären, wie ich das machen muß ?

Liebe Grüße sendet Simona

 

[Christoph]

sourcecode ansehen und lernen!

<script language="JavaScript"><!--
var Bilder = new Array();
Bilder[0] = "a.jpg";
Bilder[1] = "b.jpg";
Bilder[2] = "c.jpg";
Bilder[3] = "d.jpg";
Bilder[4] = "e.jpg";
Bilder[5] = "f.jpg";
Bilder[6] = "g.jpg";
Bilder[7] = "h.jpg";
Bilder[8] = "i.jpg";
Bilder[9] = "j.jpg";
var i = 0;
var alle = 10;
var timeID
var timeout = 1000
function loadpic(j)
{
        document.bild.src = Bilder[j];
        i = j;
}

function first()
{
        i = 0;
        loadpic(i);
        stop();
}

function last()
{
        i =  alle - 1;
        loadpic(i);
        stop();
}

function vorher()
{
        i = i - 1;
        if(i == -1)
        {
                i = alle - 1;
        }
        loadpic(i);
        stop();
}

function naechstes()
{
        i = i + 1;
        if(i == alle)
        {
                i = 0;
        }
        loadpic(i);
        stop();
}

function init()
{
        document.bild1.src = Bilder[0];
        document.bild2.src = Bilder[1];
        document.bild3.src = Bilder[2];
        document.bild4.src = Bilder[3];
        document.bild1.src = Bilder[4];
        document.bild2.src = Bilder[5];
        document.bild3.src = Bilder[6];
        document.bild4.src = Bilder[7];
        document.bild3.src = Bilder[8];
        document.bild4.src = Bilder[9];
        i=0
setTimeout("slide()",timeout)
}

function click(j)
{
        loadpic(j);
        stop();
}

function clickcurrent()
{
        document.src = Bilder[j];
        stop();
}

function stop()
{
        clearTimeout(timeID);
}

function slide()
{
        i = i + 1;
        if(i == alle)
        {
                clearTimeout(timeID);
                i = 0;
                timeID = setTimeout("slide()",timeout)
        }
        else
        {
                timeID = setTimeout("slide()",timeout)

        }

        loadpic(i);
}

// --></script>

aufrug:

<table>
<tr>
<td><a href="javascript:click(0)"><img src="a.jpg"
        border="0" width="60" height="50" name="bild1"></a></td>
</tr>
</talbe>

geht aber mit Dreamweaver auch!

 

[Simona]

vielen Dank,

mal schauen ob ich das so hinbekomme

Liebe Grüße sendet Simona

 

[Nino]

Also das ist keine Mouseoverfunktion.
Wenn du auf das Bild klickst dann öffnet es einfach ein Bild in nem andern Frame.