Wie muss ich diese script einbauen

avoon

Hallo Zusammen

Ich habe null Kentnisse von Html und co. Und doch habe ich eine simple Page auf go live gebastelt. Nun möchte ich beim index bei jedem neuen Besucher ein anderes Bild darstellen. Dieses Script habe ich gefunden und nun möchte ich wissen wie ich das in meine Index datei einbinden muss... Ich bin sehr froh um eure Hilfe

Quelltext meines indexes:http://www.avoon.ch

W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>index</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"></style>
</head>

</p>
</div>
<div class="colboxmiddle_C236658F">
<div align="left">
<div style="position:relative;width:800px;height:600px;-adbe-g:p;">
<div style="position:absolute;top:64px;left:96px;width:600px;height:333px;">
</div>
<div style="position:absolute;top:415px;left:333px;width:112px;height:32px;-adbe-c:c">
<div align="center">
shit happens</div>
</div>
</div>
</div>

Und hier das script für den Bildwechsel:

<html>
<body>
<img name="randomImage">
</body>
<script type="text/javascript" language="JavaScript">
var myImages = new Array();
myImages[myImages.length] = "myImage1.gif";
myImages[myImages.length] = "myImage2.gif";
myImages[myImages.length] = "myImage3.gif";
myImages[myImages.length] = "myImage4.gif";
myImages[myImages.length] = "myImage5.gif";

var rand = Math.floor(Math.round()*myImages.length);

document.images['randomImage'].src = myImages[rand];
</script>
</html>

driver

HTML

<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>index</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"><!--
.colcont_C236658F { width: 100%; height:600px }
.colboxleft_C236658F { width:100px; height:600px; float:left }
.colboxright_C236658F { width:100px; height:600px; float:right }
.colboxmiddle_C236658F { width:auto; height:600px; margin-left:100px; margin-right:100px }
--></style>
<script type="text/javascript" language="JavaScript">
var myImages = new Array();
myImages[myImages.length] = "myImage1.gif";
myImages[myImages.length] = "myImage2.gif";
myImages[myImages.length] = "myImage3.gif";
myImages[myImages.length] = "myImage4.gif";
myImages[myImages.length] = "myImage5.gif";


var rand = Math.floor(Math.round()*myImages.length);


document.images["randomImage"].src = myImages[rand];
</script> 
</head>


<body>
<img name="randomImage"> 
<div class="colcont_C236658F">


<div class="colboxleft_C236658F"></div>
<div class="colboxright_C236658F">




</p>
</div>
<div class="colboxmiddle_C236658F">
<div align="left">
<div style="position:relative;width:800px;height:600px;-adbe-g:p;">
<div style="position:absolute;top:64px;left:96px;width:600px;height:333px;">
[url='start/index'][img]hai.jpg[/img][/url]</div>
<div style="position:absolute;top:415px;left:333px;width:112px;height:32px;-adbe-c:c">
<div align="center">
[url='start.html']shit happens[/url]</div>
</div>
</div>
</div>

Alles anzeigen

des <img name="randomImage"> musst halt an die stelle tun wos später stehen soll...

wow krass das geht ja schnell!Herzlichen dank.

Wie meinst du das, mit dem random image wos später stehen soll?

Uiiii Neuland!

Verstehe ich das Richtig, das ich myImage1.gif umbenen muss wenn meine Bilder 1.gif heissen.

Zb. so ? myImages[myImages.length] = "2.gif";

No0ob

Er meint, dass du den <img /> tag dort in den Quelltext einfügen musst, wo das Bild dargestellt werden soll, da der Javascript Teil auf <img name="randomImage" /> referenziert.

könnt ihr das einfügen? BIn wirklich überfordert ....
das Bild wir ja im script schon erwähnt.

siehe hier:...

</div>

Man das ist vielleicht kompliziert .Danke viiiiiiiiiel mals

No0ob

Mir fällt gerade auf, dass driver den img tag in den Code hinzugefügt hat, jedoch hat er vergessen die Seite mit </body> und </html> abzuschließen

- hatte es von oben kopiert, deshalb auch icht aufs schließen geachtet (wusste net ob vielleicht noch mehr kommt) - driver

dann bist du jetzt meine letzte Hoffnung

No0ob

Wieso denn, füg einfach </body> und </html> ans Ende

Ok habe ich gemacht, doch wo füge ich sein das random image ein?

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>index</title>
<link href="../Documents/avoon/web-content/css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"></style>
<script type="text/javascript" language="JavaScript">
var myImages = new Array();
myImages[myImages.length] = "myImage1.gif";
myImages[myImages.length] = "myImage2.gif";
myImages[myImages.length] = "myImage3.gif";
myImages[myImages.length] = "myImage4.gif";
myImages[myImages.length] = "myImage5.gif";

var rand = Math.floor(Math.round()*myImages.length);

document.images['randomImage'].src = myImages[rand];
</script>
</head>

</p>
</div>
<div class="colboxmiddle_C236658F">
<div align="left">
<div style="position:relative;width:800px;height:600px;-adbe-g:p;">
<div style="position:absolute;top:64px;left:96px;width:600px;height:333px;">
</div>
<div style="position:absolute;top:415px;left:333px;width:112px;height:32px;-adbe-c:c">
<div align="center">
shit happens</div>
</div>
</div>
</div>
</body></html>

No0ob

ist doch schon drin
<img name="randomImage" />

okee. Danke für Deine Mühe! Habe es verstanden. Noch eine Frage.

Wenn meine Bilder im Ordner 1.tif 2.tif ect heissen, dann muss ich das hier abändern?

myImages[myImages.length] = "myImage1.gif";
myImages[myImages.length] = "myImage2.gif";
myImages[myImages.length] = "myImage3.gif";
myImages[myImages.length] = "myImage4.gif";
myImages[myImages.length] = "myImage5.gif";

Wenn Ja, dann SO?

myImages[myImages.length] = "1.gif";

No0ob

1.tif, ja

Habe jetzt alles so gmacht, jedoch bringt er immer nur das 1. Bild ....

Habe ich noch einen Fehler irgendwo? Tausend Dank für eure Hilfe.
Die seite ist http://www.avoon.ch

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>index</title>
<link href="../Documents/avoon/web-content/css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"></style>
<script type="text/javascript" language="JavaScript">
var myImages = new Array();
myImages[myImages.length] = "1.gif";
myImages[myImages.length] = "2.gif";
myImages[myImages.length] = "3.gif";
myImages[myImages.length] = "4.gif";
myImages[myImages.length] = "5.gif";
myImages[myImages.length] = "6.gif";

var rand = Math.floor(Math.round()*myImages.length);

document.images['randomImage'].src = myImages[rand];
</script>
</head>

</p>
</div>
<div class="colboxmiddle_C236658F">
<div align="left">
<div style="position:relative;width:800px;height:600px;-adbe-g:p;">
<div style="position:absolute;top:494px;left:352px;width:112px;height:32px;-adbe-c:c">
<div align="center">
shit happens</div>
</div>
<div style="position:absolute;top:16px;left:47px;width:700px;height:467px;">
</div>
</div>
</div>
</body></html>

avoon

Ist da im Land ein Profi, der weiter weiss ?
Danke viiiiiieeeeel mal.

driver

hm, wo hast du das script her ?

ich bin jetzt kein so großer js-profi, aber mir fehlt da irgendwie der aufruf
einer funktion, bzw die funktion selber in der das ganze stattfindet...

Dragon-D

versuch mal folgendes:

änder das mal in

und
document.images['randomImage'].src = myImages[rand];
in das:
onload = document.getElementById("randomImage").src = myImages[rand];

so sollte es glaube ich funktionieren

habe es von einem andern Forum:-) kann man den Befehl auch irgendwie anderst formulieren?

Wie muss ich diese script einbauen

Tags

Benutzer online in diesem Thema