THE WORLD OF JAVASCRIPTS

bildberührung

/--Zurück--\ /--Seite drucken--\

Java Script

Bildfunktion, BERÜHRUNG => BILD
Was passiert: Wenn man mit de Mauszeiger auf ein Bild fährt, wird dies größer angezeigt oder auch ein anderes Bild angezeigt.
Bitte folgende Anleitung GUT durchlesen!!!

Im folgenden Bild, dass unter diesem Text angezeigt wird, wird sichtbar, was alles angepasst werden muss. (Anleitung unter diesem Bild)

1. Die gelbmarkierte Stelle muss durch die Kordinaten ersetzt werden, an der das Bild, dass erscheint wenn man auf ein bestimmtes Bild geht, angezeigt werden soll. Das ist einwenig schwierig. Am besten ist wenn ein bisschen herumprobiert oder einfach den Mauskordinaten Script nimmt.

2. Die goldmarkierte Stelle (bild01.jpg) muss duch die Adresse und den Namen des Bildes ersetzt werden, dass erscheint wenn man auf ein bestimmtes Bild geht.

3. Bis zur hellblauen Markierung nichts mehr ändern. Die hellblaue Markierung muss durch den Namen und die Adresse des "bestimmten" Bildes ersetzt werden. Das Bild, dass auf der Homepage als ganz normales Bild zu sehen sein soll.

4. An der grünmarkierten Stelle muss die Zahl hinter "width" durch die Breite des nomalen Bildes auf deiner HP und "height" durch die Höhe des Bildes ersetzt werden.

=> Die Beispiele zeigen, wie es später aussehen kann.

<div id="rbild1" style="position:absolute;left:1px;top:255px;visibility:hidden;z-index:5">
<img src="bild01.jpg"  border="0"></div>
<script language="JavaScript" type="text/JavaScript">
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
//Orginalscript auf www.rfm.de.tl
function onOff(welt) {
	if (ns4) {     //Netscape
		if (document.layers[welt].visibility == "show") {
			//alert ("NS4: schliessen");
			document.layers[welt].visibility = "hide";
		}
		else  {
			//alert ("NS4: zeigen");
			document.layers[welt].visibility = "visible";
		}
	}
	else if (ns6) {     //Netscape 6
		if (document.getElementById(welt).style.visibility == "visible") {
			//alert ("NS6: schliessen");
			document.getElementById(welt).style.visibility = "hidden";
		}
		else  {			
			//alert ("NS6: zeigen");
			document.getElementById(welt).style.visibility = "visible";
		}
	}
	
	else {                      //Internet Explorer
		if (document.all[welt].style.visibility == "visible") {
			//alert ("IE: schliessen");
			document.all[welt].style.visibility = "hidden"; 
		}
		else {
			//alert ("IE: zeigen");
			document.all[welt].style.visibility = "visible";
		}
	}
}
</script>



<span onMouseOver="onOff('rbild1'); return true" onMouseOut="onOff('rbild1'); return true">
<img src="bild01.jpg" alt="" width="250" height="200" border="0"/></span>
<br/>

Um den Script zu kopieren:
Wenn ihr einen Fehler in diesem Script findet, meldet dies doch bitte über das Kontaktformular! Danke!

-------------Vorschau-------------

Vorschau Typ 1

Vorschau Typ 2

bildberührung

Suche