aufleuchten, aufkommen von Grafiken - javarea.de Forum powered by javarea.de

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:

<body onload="change()"> <script language="javascript"> // http://www.afriendlyworld.com – made by Holger Krupp folder = "gfxu/"; // in diesem Ordner liegen die Bilder arrPics = new Array("usacasonnepark","sonnewolken","sonnenstreifen","gelberstreifen","casonnestrand","casonnemeer","cameer","747blauweiss","id4-like","sunsetwst","sonnenuntergangmeer","amsee"); // alle Bilder in einem Array - wenn das statt gifs jpgs sind dann muss unten im Hauptquelltext noch was geändert werden. arrlength = arrPics.length; spalte = 5; //soviele Spalten werden gemacht zeile = 5; // und soviele Zeilen speed = 50; // je höher die Zahl desto langsamer werden die Bilder gewechselt function change() { temp2 = (Math.random() * (spalte-1))+1; xkoordinate = Math.round(temp2); temp3 = (Math.random() * (zeile-1))+1; ykoordinate = Math.round(temp3); nameofimage = 'x'+xkoordinate+'y'+ykoordinate; var temp4 = (Math.random() * (arrlength-1)); var zahl4 = Math.round(temp4); window.document[nameofimage].src = folder + arrPics[zahl4]+'.gif'; setTimeout('change()', speed); } document.write('<table border=0 cellspacing=0 cellpadding=0>'); for (i=1;i<spalte+1;i++) { document.write('<tr>'); for (j=1;j<zeile+1;j++) { var temp = (Math.random() * (arrlength-1)); var zahl = Math.round(temp); document.write('<td><img src="'+ folder +arrPics[zahl]+'.gif" alt="x' + i +'y'+ j + '" border=0 height="40" width="40" name="x' + i + 'y' + j + '"></td>'); // bei jpg Bildermn muss das .gif in .jpg geändert warden. } document.write('</tr>'); } document.write('</table>'); </script> </body>

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: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<script language="JavaScript1.2">
var agt = navigator.userAgent.toLowerCase();
var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
var is_win  = ((agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1)) ? true : false;

	var maxImages = 1;
	var maxImages = 2;
	var maxImages = 3;
	var activeImage = 1;

	function fnToggle() {
			
		if (is_win && ie5)
		{
			prvImageContainer.filters[0].Apply();
			document.getElementById("prvImage" + activeImage).style.visibility="hidden";
			if (activeImage == maxImages) activeImage=0;
			activeImage++;
			document.getElementById("prvImage" + activeImage).style.visibility="visible";
			prvImageContainer.filters[0].Play();
		} else {
			document.prvImage.src = img[activeImage].src;
			activeImage++;
			if (activeImage > maxImages) activeImage=1;
		}				
	}    		

	function beginTransitions() {
		timerID = setInterval("fnToggle()", 3000);
	}
beginTransitions();
</script>

<script language="JavaScript">
	if ((is_win) && (ie5))
	{
		document.write('<div id="prvImageContainer" style="position: relative; top: 0px; left: 0px; visibility: visible; width: 105px; height: 70px; filter:blendTrans(duration=2,overlap=1.0)" >');
		document.write('<div id="prvImage1" style="position: absolute; top: 0px; left: 0px; visibility: visible; width: 105px; height: 70px"><img src="F:\Homepage\Nike.gif" width="105" height="70" border="0" alt="" /></div>');
		document.write('<div id="prvImage2" style="position: absolute; top: 0px; left: 0px; visibility: hidden; width: 105px; height: 70px"><img src="F:\Homepage\snow.gif" width="105" height="70" border="0" alt="" /></div>');		
    document.write('<div id="prvImage3" style="position: absolute; top: 0px; left: 0px; visibility: hidden; width: 105px; height: 70px"><img src="F:\Homepage\Wappen Lungern.jpg" width="105" height="70" border="0" alt="" /></div>');		
    document.write('</div>');
	} else {
		document.write('<img src="F:\Homepage\Wappen Lungern2.jpg" name="prvImage" width="105" height="70" border="0" alt="" />');
	}
</script>
</body>
</html>