Hallo Zusammen,
ich habe ein kleines Problem.
Ich möchte mein Hintergrundbild "atmen" lassen, also langsam rein und raus zoomen lassen.
Das funktioniert hiermit auch schon ganz gut:
Das Problem ist jedoch, dass der Hintergrund in Vollbild angezeigt wird.
Dazu nutze ich die CSS Angabe background-size: cover; , sodass das Hintergrund-Bild immer in voller Größe angezeigt wird, egal welches Seitenverhältnis gerade der Browser hat.
Wenn der Browser beispielsweise hochformatig ist, wird das Hintergrundbild mit 100% Höhe angezeigt und rechts und links abgeschnitten.
Dies funktioniert jetzt jedoch nicht mehr mit der JQuery Animation, da dort der Hintergrund einfach auf 100% skaliert wird.
Kennt da jemand eine Lösung für? Habe ich mein Problem richtig erklärt oder gibt es noch Fragen?
Vielen Dank im Voraus!
Milan
ich habe ein kleines Problem.
Ich möchte mein Hintergrundbild "atmen" lassen, also langsam rein und raus zoomen lassen.
Das funktioniert hiermit auch schon ganz gut:
Code:
$(document).ready(function(){ function ani() { //$('.content').css("background-size", "100% 100%").animate({"background-size":"+=15%"}, 6000 ).animate({"background-size":"-=15%"}, 6000, ani); } ani(); });
Dazu nutze ich die CSS Angabe background-size: cover; , sodass das Hintergrund-Bild immer in voller Größe angezeigt wird, egal welches Seitenverhältnis gerade der Browser hat.
Wenn der Browser beispielsweise hochformatig ist, wird das Hintergrundbild mit 100% Höhe angezeigt und rechts und links abgeschnitten.
Dies funktioniert jetzt jedoch nicht mehr mit der JQuery Animation, da dort der Hintergrund einfach auf 100% skaliert wird.
Kennt da jemand eine Lösung für? Habe ich mein Problem richtig erklärt oder gibt es noch Fragen?
Vielen Dank im Voraus!
Milan
Kommentar