Antworten auf deine Fragen:
Neues Thema erstellen

Mit JavaScript geladenes Bild an Fenstergröße anpassen

MarionM

Noch nicht viel geschrieben

Hallo zusammen!

Ich habe bereits versucht in dieser Sache eine Lösung zu finden, jedoch gelang mir dies nicht.

Im Hintergrund einer HTML Seite sollen zufällige Hintergrundbilder geladen werden. Das funktioniert auch dank JavaScript.

Mein Problem jedoch ist, dass sich die geladenen Bilder nicht an die Fenstergröße des Browserfensters anpassen.

Ich hoffe, dass mir jemand helfen kann.

Hier ist mein Code:
HTML:
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Zufällige Hintergrundbilder</title>
   
  <script type="text/javascript">
  var zufall = Math.round(6 * Math.random());
  document.write('<body style="background: URL(Bild' + zufall + '.jpg) #ffffff;">')
  </script>
   
  </head>
   
  <body>
  </body>
  </html>
 

MyBad

localhorst

AW: Mit JavaScript geladenes Bild an Fenstergröße anpassen

Du kannst dafür "background-size" nutzen (CSS3). Ist dann natürlich nur mit modernen Browsern kompatibel.
 

Myhar

Hat es drauf

AW: Mit JavaScript geladenes Bild an Fenstergröße anpassen

Dein Script muss aber noch angepasst werden. Wenn du es so einbindest, wie oben beschrieben, hast du am Ende zwei body Tags, was natürlich nicht stimmen kann ;)
HTML:
<script type="text/javascript">
  var zufall = Math.round(6 * Math.random());
  document.write('<body style="background: URL(Bild' + zufall + '.jpg) #ffffff;">')

/*
Hier erzeugst du ein body Element (noch bevor der head aus ist)
*/
  </script>
   
  </head>
   
  <body>
  <!-- Hier ist ein zweites body Element, welches auch korrekterweise nach dem Head anfängt -->
 

MarionM

Noch nicht viel geschrieben

AW: Mit JavaScript geladenes Bild an Fenstergröße anpassen

Vielen Dank, MyBad für den Tipp. Hat mir super geholfen.

Auch danke an Myhar für den Hinweis. :D
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.634
Beiträge
1.538.448
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben