Hintergrundbild auswechseln wenn man den Browser neu lädt

**zora** · 11.08.2010 16:29

Hallo zusammen,
ich hoffe, ich kann mich richtig ausdrücken.
ich suche ein skript, das mein hintergrundbild auswechselt, wenn ich die seite neu lade im browser.
Gibt es sowas mit css?
es soll über den ganzen bildschirm sein. --> http://www.schweingruberzulauf.ch/in...ml/site/9_home
wie hier. das ist zwar statisch, füllt den ganzen bildschirm.

uihh! wär toll!

**wildmieze** · 11.08.2010 17:00

Per reinem CSS wüsste ich jetzt spontan nichts (es sei denn, Du willst bestimmten Seiten jeweils ein bestimmtes Hintegrundbild zuordnen .. aber das wär ja zu einfach *g*).
Du könntest per Javascript ein zufälliges Hintergrundbild anzeigen lassen. Das ändert sich dann auch beim Reload (wenn nicht gerade durch Zufall dasselbe Bild kommt ..).

**zora** · 11.08.2010 17:02

..aber per javascript könnt ich das?

**Corsachriz** · 11.08.2010 17:08

Habe vor einigen Tagen folgendes JS genutzt:

HTML-Code:

function getaCss()
{
   var whichCss=get_randomCssNum();

    var cssName=new Array(5)
     cssName[0]="<link rel='stylesheet' type='text/css' href=css/hintergrund1.css'>";
     cssName[1]="<link rel='stylesheet' type='text/css' href=css/hintergrund2.css'>";
     cssName[2]="<link rel='stylesheet' type='text/css' href=css/hintergrund3.css'>";   
     cssName[3]="<link rel='stylesheet' type='text/css' href=css/hintergrund4.css'>";
     cssName[4]="<link rel='stylesheet' type='text/css' href=css/hintergrund5.css'>";

  	return cssName[whichCss]
  }
  document.write(getaCss());

Hat den Vorteil, dass man auch andere Style per Zufall anpassen kann weil es 5 verschiedene CSS Dateien sind.

Liebe Grüße

**chorn** · 11.08.2010 17:08

Steht doch da:

Zitat von wildmieze

Du könntest per Javascript ein zufälliges Hintergrundbild anzeigen lassen. Das ändert sich dann auch beim Reload (wenn nicht gerade durch Zufall dasselbe Bild kommt ..).

Und dann hast du auch gleich deine Stichworte für deine Suche:

Google: Javascript ein zufälliges Hintergrundbild

**zora** · 11.08.2010 17:11

Danke euch!

**wildmieze** · 11.08.2010 17:14

Jepp .. hab grad mal gegoogelt und das hier per Zufallsprinzip rausgepickt:

HTML-Code:

<script type="text/javascript">
var zufall = Math.round(6 * Math.random()) + 1;
document.write('<body style="background: URL(bild' + zufall + '.jpg) #fff;">')
</script>

.. hier müssten die Bilder "bild1.jpg", "bild2.jpg" etc. heißen und sich im selben Ordner befinden wie das HTML-Dokument. Alternativ könntest Du hier statt Bildern auch zB css-Klassen auswechseln und die Bilder im Stylesheet definieren und gleichzeitig andere Änderungen vornehmen (zB Schriftfarbe ändern, wenns bei einem der Hintergrundbilder schlecht zu lesen wär oder so.).

Habs nicht getestet, ist von hier rauskopiert (letzter Beitrag): http://forum.de.selfhtml.org/archiv/2006/5/t129320/
Ich würd noch nen noscript-Bereich dazupacken, für den Fall, das Javascript deaktiviert ist.

EDIT: argh, Ihr seid alle zu schnell *g* .. Corsachriz Lösung gefällt mir

**zora** · 04.10.2010 14:06

hallo ihr lieben,
wäre es den möglich das bild auch pro tag zu erneuern? anstelle des "neuladens"?

**buffy2511** · 07.10.2010 13:58

Ich würde das einfach über php lösen.

Du brauchst im Grunde dann ja 31 Hintergrundbilder. Die nennst du dann z. B. bild_1.jpg, bild_2.jpg, ..., bild_31.jpg.
Dann liest du via Datumsfunktion den Tag aus

PHP-Code:


$tag = date("d");

Und sagst im body-Tag

HTML-Code:

<body style="background:url(images/bild_<?php echo $tag; ?>.jpg;">

Und schon hast du jeden Tag das spezielle Hintergrundbild.

**zora** · 07.10.2010 15:16

liebe nadine,
ich konnte es lösen. also jemand anders hat es für mich gelöst :-)
danke und lieben gruss zora

**wuselmann** · 11.10.2010 12:26

Hi

Für die Akten und bei Interesse: Es geht auch ohne JavaScript gut per PHP.

Auf www.jgh-wolfenbuettel.de referenziere ich eine Grafik die eigentlich ein PHP-Skript ist und ein zufälliges Bild aus einem Verzeichnis ausliefert. Da kann man dann sicher auch noch mehr Logik 'hinter packen.

PHP-Code:

$dir=$_SERVER['DOCUMENT_ROOT']."/PFAD/"; $files = array(); function stream($pic) { global $dir; list($width, $height, $type, $attr) = getimagesize($pic); header('Content-type: '.image_type_to_mime_type($type)); readfile($pic); } //verzeichnis oeffnen if($handle = opendir($dir)) { //bilder in Array lesen while ($file = readdir ($handle)) { if ($file!="." && $file!=".." && $file != "_notes") { //Array fuellen array_push($files, $file); } } closedir($handle); //Bild auswählen $random=rand(0,count($files)-1); $pic=$files[$random]; if(count($files)) { header( 'Location: http://'.$_SERVER['HTTP_HOST'].'/PFAD/'.$pic); }else header('HTTP/1.0 404 Not Found'); }
Auf www.whibra-automatik.de gehen wir so weit, dass wir die Hintergrundgrafik abhängig von der Tageszeit abdunkeln und mit einem weiteren Layer für den unveränderlichen Rahmen ausliefern.

zur Startseite vom TP

Thema: Hintergrundbild auswechseln wenn man den Browser neu lädt

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Hintergrundbild auswechseln wenn man den Browser neu lädt

ist erledigt :-)

Ähnliche Themen

Hintergrundbild im apDiv wird im Browser nicht angezeigt

[Firefox 1.0] Browser lädt bilder bei jedem laden der Seite neu

Cookies löschen, wenn Browser zu?

wenn Browser geschlossen wird dann...

Was machen wenn Browser morsch und JS verboten?

Aktive Benutzer

Aktive Benutzer