Wie erstelle ich wechselnde Bilder?
Script
So werden die wechselnde Bilder aussehen. Natürlich können Sie noch Veränderungen daran vornehmen, ganz nach Ihren Wünschen.
Erläuterung:
Die Bilder änder sich stündlich. Je nach den Einstellungen können sich die Bilder jede Stunde, jede zweite, dritte, etc. ändern.
Und so wirds gemacht:
- Unten sehen Sie den fertigen Proramm-Code für die wechselnden Bilder
- Kopieren Sie den gesamten Text in eine leere PHP-Datei (Achtung: Kopieren Sie den Text in den 'Code' und nicht in den 'Entwurf')
- Ändern Sie die Links zu den Bildern welche Sie zeigen möchten; hier in Rot
- Dann speichern Sie das Dokument ab.
- Nun laden Sie es auf dem Server und Probieren es aus.
Achtung: Die Bilder sollten sich in dem gleichen Ordner befinden!!! |
Der fertige Programm Code für den wechselnden Text
| Um Ihnen das Kopieren & einige Arbeit zu ersparen, bieten wir den Programm-Code für die wechselnden Bilder zum Download an. |
 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Wechselnde Bilder</title>
<script language="JavaScript" type="text/javascript">
function changeImage(bild, source) {
self.document.images[bild].src = source;
}
function SymError(){
return true;
}
window.onerror = SymError;
function wechsel(){
bilder = new Array ("link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG","link des Bildes.JPG");
beschrei = new Array ("a","b","c","d","e","f","g");
jetzt = new Date()
stunde = jetzt.getHours()
var aktpic = "";
var akttxt ="";
if (stunde >= 6 && stunde < 7){
aktpic = bilder[0]; akttxt = beschrei[0];
}
if (stunde >= 7 && stunde < 8){
aktpic = bilder[1]; akttxt = beschrei[1];
}
if (stunde >= 8 && stunde < 9){
aktpic = bilder[2]; akttxt = beschrei[2];
}
if (stunde >= 9 && stunde < 10){
aktpic = bilder[3]; akttxt = beschrei[3];
}
if (stunde >= 10 && stunde < 11){
aktpic = bilder[4]; akttxt = beschrei[4];
}
if (stunde >= 11 && stunde < 12){
aktpic = bilder[5]; akttxt = beschrei[5];
}
if (stunde >= 12 && stunde < 13){
aktpic = bilder[6]; akttxt = beschrei[6];
}
if (stunde >= 13 && stunde < 14){
aktpic = bilder[7]; akttxt = beschrei[1];
}
if (stunde >= 14 && stunde < 15){
aktpic = bilder[8]; akttxt = beschrei[0];
}
if (stunde >= 15 && stunde < 16){
aktpic = bilder[9]; akttxt = beschrei[5];
}
if (stunde >= 16 && stunde < 17){
aktpic = bilder[10]; akttxt = beschrei[5];
}
if (stunde >= 17 && stunde < 18){
aktpic = bilder[0]; akttxt = beschrei[5];
}
if (stunde >= 18 && stunde < 19){
aktpic = bilder[1]; akttxt = beschrei[5];
}
if (stunde >= 19 && stunde < 20){
aktpic = bilder[2]; akttxt = beschrei[5];
}
if (stunde >= 20 && stunde < 21){
aktpic = bilder[3]; akttxt = beschrei[5];
}
if (stunde >= 21 && stunde < 22){
aktpic = bilder[4]; akttxt = beschrei[5];
}
if (stunde >= 22 && stunde < 23){
aktpic = bilder[5]; akttxt = beschrei[5];
}
if (stunde >= 23 && stunde < 24){
aktpic = bilder[6]; akttxt = beschrei[5];
}
if (stunde >= 24 || stunde < 1){
aktpic = bilder[7]; akttxt = beschrei[5];
}
if (stunde >= 1 && stunde < 2){
aktpic = bilder[8]; akttxt = beschrei[5];
}
if (stunde >= 2 && stunde < 3){
aktpic = bilder[9]; akttxt = beschrei[5];
}
if (stunde >= 3 && stunde < 4){
aktpic = bilder[10]; akttxt = beschrei[5];
}
if (stunde >= 4 && stunde < 5){
aktpic = bilder[0]; akttxt = beschrei[5];
}
if (stunde >= 5 && stunde < 6){
aktpic = bilder[1]; akttxt = beschrei[5];
}
var thtml = ("<img src='" + aktpic + "'");
thtml += (" alt='" + akttxt + "' style='border:8px solid #ccddee;'>");
document.getElementById('frontbild').innerHTML = thtml;
}
</script>
</head>
<body>
<div id="frontbild"></div>
<script language="JavaScript" type="text/javascript">wechsel()</script>
</body>
</html>
|
| Um Ihnen das Kopieren & einige Arbeit zu ersparen, bieten wir den Programm-Code für die wechselnden Bilder zum Download an. |
|
Viel Glück!!!
