PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Help: Buttons

Knumonmaster
06.08.2003, 23:46
Abend!

Ich habe ein Problem:
Ich will einem Bild zuweisen, dass wenn ich mit der Maus trauf gehe, das Bild gewechselt wird.
Wie mach ich das?

Ich habe folgende HTML-Editoren: OpenOffice; Word; HTML-Editor; Netscape-Editor

Please Help! :(
Need for my Homepage!

MfG,
KNM
olli12
07.08.2003, 08:34
ich hab da mal was gefunden, ich glaub das warn java script oder so, hab ich bei lycos gesehen, ich krams dir mal raus und editiere es dann hier rein

[edit] okay, habs gefunden, ich hab hier ein word dokument von der zeit als ein freund von mir html lernen wollte......

Bild durch ein anderes ersetzen, wenn der Mauszeiger darüber gezogen wird

Sie haben vielleicht schon gesehen, wie ein Bild dynamisch durch ein anderes ersetzt wird, wenn der Mauszeiger darüber gezogen wird. Die beiden Bilder müssen geladen werden, wenn die Seite selbst geladen wird, und der Zeiger über dem aktuell angezeigten Bild muss erkannt werden. Dann wird der Bildertausch durch einen JavaScript-Kode ausgeführt, den Sie an der entsprechenden Stelle in Ihrer Seite einfügen. Fügen Sie das folgende Skript zwischen den Tags <HEAD> und </HEAD> ein:

<SCRIPT LANGUAGE="Javascript">
<!-- Swap images
function Permut (flag,img) {
if (document.images) {
if (document.images[img].permloaded) {
if (flag==1) document.images[img].src = document.images[img].perm.src
else document.images[img].src = document.images[img].perm.oldsrc
}
}
}
function preloadPermut (img,adresse) {
if (document.images) {
img.onload = null;
img.perm = new Image ();
img.perm.oldsrc = img.src;
img.perm.src = adresse;
img.permloaded = true;
}
}
// -->
</SCRIPT>

Ersetzen Sie dann den üblichen IMG-Tag durch den folgenden Tag für den Aufruf von Bildern:

<A HREF="index.html" onMouseover="Permut(1,'IMG1');" onMouseout="Permut(0,'IMG1');">
<IMG SRC="Image1" border=0 NAME="IMG1" onLoad="preloadPermut(this,'Image2');" ></A>

Dabei steht index.html für das Dokument, auf das das Bild zeigt, Image1 steht für das Bild, das beim Laden der Seite angezeigt wird, und Image2 steht für das Bild, durch das Image1 ersetzt wird, wenn der Mauszeiger darüber gezogen wird.

so, das is original, aber ich glaub mal die hälfte geht wida nich.....
Numen
07.08.2003, 09:08
Viel zu aufwaendig.

<img src="normal.gif" onMouserOver="src='hover.gif';" onMouseOut="src='normal.gif';">

So weit ich mich erinnern kann, ging es so. Hatte auch mal
den Code irgendwo in einer txt stehen, aber die suche ich
jetzt nicht. Nimm' einfach den Code.
Knumonmaster
07.08.2003, 18:28
Ich probiers ma, danke! :D
Zg
08.08.2003, 09:46
Mit Frontpage geht das gaaanz einfach! :D
Patty
08.08.2003, 09:54
Aber wenn man kein Java-Programm hat, sieht man es nachher nicht, ich hatte ne Zeit lang keins...