Zufallbilder
Hier das Script dazu:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function randtext() {
var quotenumber = 3;
var randomnumber = Math.random() ;
var rand1 = Math.round( (quotenumber-1) * randomnumber) + 1 ;
quotes = new Array
quotes[1] = '<IMG SRC="/pics/bild1.jpg">';
quotes[2] = '<IMG SRC="/pics/bild2.jpg">';
quotes[3] = '<IMG SRC="/pics/bild3.jpg">';
var quote = quotes[rand1];
return quote;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write(randtext());
//-->
</SCRIPT>
</BODY>
</HTML>
Hier kannst du das Script downloaden
Wenn ihr es so verwendet im <head> und um im <body> dann steht es oben in der linken Ecke. Aber das wollen wir ja nicht, wir wollen es in unserem Webset einbauen und zwar zentriert.
****
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function randtext() {
var quotenumber = 3;
var randomnumber = Math.random() ;
var rand1 = Math.round( (quotenumber-1) * randomnumber) + 1 ;
quotes = new Array
quotes[1] = '<IMG SRC="../Zufallbilder/Bild1.jpg">';
quotes[2] = '<IMG SRC="../Zufallbilder/Bild2.jpg">';
quotes[3] = '<IMG SRC="../Zufallbilder/Bild3.jpg">';
quotes[4] = '<IMG SRC="../Zufallbilder/3.jpg">';
var quote = quotes[rand1];
return quote;
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write(randtext());
//-->
</SCRIPT>
****
Du erstellt dir 3 Bilder und speicherst sie als jpg ab, kopiere sie dir in deinem Ordner.
Hier kannst du das Script downloaden.
Jetzt schreibst du etwas in diese Tabelle z.B.einen Buchstaben (hallo und zentriert setzen) damit du später im Quellcode erkennen kannst wo du bist.
So nun gehe in Code oder Html
Jetzt siehst du dein Hallo das es markiert ist.
Kopiere ihn dir und füge ihn da ein wo das hallo steht.
Was wichtig ist der Pfad muss stimmen sonst geht das ganze nicht.
quotes[3] = '<IMG SRC="../Zufallbild/Bild3.jpg">';
Du kannst soviel Bilder hinzufügen wie du möchtest, du muss nur dann das quotes[3] die Zahl ändern = 4. Bild [4] 5. Bild [5] usw.
und diese Zahl muss du ändern.
var quotenumber = 3; 4, 5 usw.
quotes[4]
Deine Zufallbilder kannst du bei jedem Neuladen sehen.
Viel Spaß mit diesem Tutorial.
*fertig*
~*~Meine Zufallsbilder~*~
Viel Spaß mit diesem Tutorials :-)
Liebe Grüsse Anita
Beachte bitte meine Nutzerbedingungen!