Ich möchte eine Diashow im Kopfbereich meiner Seite erstellen. Es sollte das Hintergrundbild alle 10 Sekunden mit einem schönen Überblendeffekt ändern. Und da ich jQuery bereits für andere Sachen verwende, würde ich es gerne auch dafür verwenden.
Also mein Markup ist nur:
%Vor%Und mein CSS ist im Moment:
%Vor%Ich möchte jetzt, dass es nach 10 Sekunden zu
wechselt %Vor%mit einem schönen langsamen Fade-Effekt.
Ich habe eine ähnliche Frage beantwortet bei How das Browserfenster mit einem rotierenden Hintergrundbild füllen? . Sie können Hintergrundfarben, aber keine Hintergrundbilder ausblenden. Sie müssen Ihre Bilder in <img> -Tags haben und diese standardmäßig ausblenden.% Co_de%. Geben Sie Ihren Bildern display:none; und position:absolute , damit Ihre Bilder wie Hintergrundbilder wirken und hinter allem anderen stehen.
Sie können ein Hintergrundbild mit CSS3 mithilfe von Überblendungen einblenden.
Sehen Sie sich Ссылка
anRichten Sie für Ihre Verwendung jQuery ein, um das Hintergrundbild zu ändern, wenden Sie den Übergangsstil jedoch mithilfe von CSS an. Jedes Mal, wenn sich der Hintergrund ändert, wird er entsprechend dem CSS3-Stil übergehen.
%Vor%Sie können ein Hintergrundbild nicht ausblenden. Aber du kannst eine Ebene über deinem #header mit deinem nächsten Hintergrundbild einblenden ...
Tags und Links jquery background-image fade