Hintergrundbild Skalieren

Fragen rund um PHP,HTML,CSS und MySQL

Hintergrundbild Skalieren

Beitragvon Markus.Lorch » 12. Aug 2011, 15:07

Hallo,

Ich möchte ein Hintergrundbild auf Bildschirmgröße skalieren, die Seite soll aber samt Bild scrollbar bleiben. Lösung kann natürlich mit Java sein. Denke es geht eh nicht anders.

Ich hab schon nach Scripts gesucht aber bislang nichts zufriedenstellendes gefunden. Ich habs sogar mal in einer Redaxo-Seite gesehen - aber find es nicht mehr.
Grüße,
Markus Lorch

Tschüssle sagt Herr Nüssle
Benutzeravatar
Markus.Lorch
 
Beiträge: 635
Registriert: 21. Okt 2007, 16:22
Wohnort: Walheim

Re: Hintergrundbild Skalieren

Beitragvon Richard.Laing » 12. Aug 2011, 15:49

hi markus
schau mal hier ob das was für dich ist

http://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: Hintergrundbild Skalieren

Beitragvon Oliver.Kreischer » 12. Aug 2011, 18:56

Hi,

nimm das JS von Andi. Hab ich schon auf vielen redaxo Seiten eingesetzt.

http://dev.andreaseberhard.de/jquery/superbgimage/

LG
Oliver ( Ab jetzt im Urlaub! )
http://kreischer.de - "It's very simple - you read the protocol and write the code." - Bill Joy
Benutzeravatar
Oliver.Kreischer
 
Beiträge: 1821
Registriert: 16. Dez 2004, 23:03
Wohnort: Feldafing

Re: Hintergrundbild Skalieren

Beitragvon Markus.Lorch » 12. Aug 2011, 22:11

Yes :D Danke Richard, aber der Tipp von Oliver ist definitiv cooler :) Danke
Grüße,
Markus Lorch

Tschüssle sagt Herr Nüssle
Benutzeravatar
Markus.Lorch
 
Beiträge: 635
Registriert: 21. Okt 2007, 16:22
Wohnort: Walheim

Re: Hintergrundbild Skalieren

Beitragvon Hirbod » 4. Sep 2011, 02:13

Hi,

mit Java wohl nicht, aber JavaScript :)
Und wenn du keinen Wert auf alte Browser legen solltest, kannst du es mittels CSS3 lösen.

Die Zauberfunktion:

Code: Alles auswählen
html {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
Hirbod
 
Beiträge: 369
Registriert: 15. Jan 2008, 13:46


Zurück zu PHP/HTML/CSS/MySQL

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste