wechselndes hintergrundbild

  • Ersteller bastianschroeer
  • Erstellt am
Ich mache das immer mit PHP. Zum Beispiel so:

PHP: 
<?
	srand(microtime()*1000000);
	$pictureNr = rand(1,7);
?>

<img src="./images/bildname<?=$pictureNr?>.jpg" />

Voraussetzung sind hier 7 Bilder im Ordner "images": bildname1.jpg bis bildname7.jpg

2nd
 
mit php wird das bild halt nur bei jedem page-reload gewechselt, wenn man möchte, dass es sich "einfach so" ändert, muss man javascript nehmen:

Code: 
<script>

var i=0;

function cbg() {
  document.getElementById("mainDiv").style.backgroundImage = "url('/images/bilddatei"+i+".jpg');";
  setTimeout("cbg()", 5000);
  i++;
  if(i==8) i=0;

}

cbg();

<script>


=> ändert alle 5 sek. das bild. es muss die dateien bilddatei0.jpg ...bilddatei7.jpg geben.


edit:
ach ja in diesem fall muss man ein <div id="mainDiv"> haben, das den "hauptbereich" definiert.
 
Zuletzt bearbeitet:
2ndreality schrieb:
Ich mache das immer mit PHP. Zum Beispiel so:

PHP: 
<?
	srand(microtime()*1000000);
	$pictureNr = rand(1,7);
?>

<img src="./images/bildname<?=$pictureNr?>.jpg" />

Voraussetzung sind hier 7 Bilder im Ordner "images": bildname1.jpg bis bildname7.jpg

2nd
Zum Vergrößern anklicken....

Danke für die Antwort! PHP ist mir ein Begriff, aber wie und wo binde ich das script in die html datei ein?
 
bastianschroeer schrieb:
Danke für die Antwort! PHP ist mir ein Begriff, aber wie und wo binde ich das script in die html datei ein?
Zum Vergrößern anklicken....


Die Datei muss dann .php heißen, damit der Webserver den PHP-Teil auch parst und korrekt verarbeitet. Bin kein Programmierer, aber wenn du es "unprofessionel" machen willst, kannst du deine vorhandene .html in .php umbenennen und den <? ... ?> Teil ganz oben einfügen, danach einfach den normalen (schon vorhandnen) HTML-Part.

Greetz, Klaus.
 
klapop: Das ist nicht unprofessionell, sondern eine mögliche Variante. Nicht alle PHP-Projekte laufen über eine Template-Engine und deswegen ist PHP/HTML-Mischmasch eine gute Sache :)

2nd
 
Zurück
Oben Unten