Archivlink: javarea.de Forum > JavaScript > BILDER IN JAVASCRIPT vorladen
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > BILDER IN JAVASCRIPT vorladen

Pages: [1]
geschrieben von adyan am 25.10.2005 - 22:26
Hallo kann mir jemand sagen wie ich Bilder in Javascript vorladen kann. Ich habe ein Script geschrieben. aber hierbei dauert es sehr lange bis die bilder wechseln oder hochgeladen werden..ich habe 6 bilder die ich benötige
danke


HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 

<title>Aufgabe 1</title>
<script language="javascript"> <!--

function bildwechsel(){
         window.document.images[2].src="bilder/mehrzua.gif";
	
}
function bildtausch (){
	window.document.images[2].src="bilder/mehrzub.gif";
	
}

	function geheZu(oben,unten){
		parent.oben.location.href= oben   + ".htm"; //alternativ:parent.frames[1].href="obenb.htm";
		parent.unten.location.href= unten +  ".htm"; //alternativ:parent.frames[2].href="untenb.htm"; 
	}


//-->


</script>

</head>
<body bgcolor="000000">
<A href="#"onClick="geheZu('obena', 'untena')">
	<img src="bilder/zuan.gif" width=100 height=50 alt="" border="0" onMouseover="images[0].src='bilder/zuah.gif';" 
onMouseout="this.src='bilder/zuan.gif';" onclick="bildwechsel()">
</a>
<p>
<A href="#"onClick="geheZu('obenb', 'untenb')"> 
<img src="bilder/zubn.gif" width=100 height=50 alt="" border="0" onMouseover="images[1].src='bilder/zubh.gif';"
onMouseout="this.src='Bilder/zubn.gif';" onclick="bildtausch()"> 
<br>
<img src="bilder/transp.gif" width=141 height=77 alt="" border="0" ></a>

geschrieben von Matneu am 25.10.2005 - 23:42
Dafür brauchst Du kein Javascript. Sobald die Bilder einmal im Browser vorliegen sollte der Browser beim erneuten Laden erkennen, dass das ein und das gleiche Bild ist. Am besten lässt Du die Bildr normal mit der Seite laden. Entweder hinter anderen Bildern (width und height kannst Du ja auf 1 oder so setzen) oder Du lässt die Bilder per CSS ausserhalb des sichtbaren Bereichs anzeigen (absolute Position, left -100 px, top -100 px).

So far...
Matthias

geschrieben von Modemhasser am 26.10.2005 - 20:31
Mit was für einem Programm erstellst du deine Seiten?
In Dreamweaver erstellst Du es im Verhalten des Body Tags ganz einfach.
Sieht dann so aus: ( ab onLoad )
<BODY bgcolor="#FFFFFF" background="images/background.jpg" text="#FCF8F8" link="#3CFF00" vlink="#800080" alink="#FF0000"
onLoad="MM_preloadImages('/images/Galerie/images/1.jpg','/images/Galerie/images/2_2.jpg','/images/Galerie/images/4_3.jpg')" >

Brauchst kein javascript dabei...

Nur ne Idee von mir,
Gruß, Uwe

geschrieben von Matneu am 26.10.2005 - 20:35
Zitat
 Original geschrieben von Modemhasser am 26.10.2005 - 20:31
<BODY bgcolor="#FFFFFF" background="images/background.jpg" text="#FCF8F8" link="#3CFF00" vlink="#800080" alink="#FF0000"
onLoad="MM_preloadImages('/images/Galerie/images/1.jpg','/images/Galerie/images/2_2.jpg','/images/Galerie/images/4_3.jpg')" >

Brauchst kein javascript dabei...

In was für einer Sprache ist denn die Funktion MM_preloadImages() dann wenn nicht Javascript?

So far...
Matthias

geschrieben von Modemhasser am 27.10.2005 - 22:26
Sorry, hab ich gar nicht beachtet, wird bei Dreamweaver unter Verhalten so eingefügt, das es Javascript ist, nicht gemerkt. Peinlich.
Sorry


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.