J'essaye de rendre l'arrière-plan d'une page Web slideDown() un fond différent basé sur le bouton pressé. avec jquery. Actuellement, j'ai un arrière-plan positionné absolu avec un z-index inférieur à tout le reste, mais je me demandais s'il y avait une meilleure façon, ou si c'était la bonne approche? Je vous remercie.Meilleure façon de faire un diaporama d'arrière-plan avec jQuery?
Je pense qu'un div positionné en absolu est idéal pour faire un slideDown en arrière-plan. Si jquery est déjà chargé sur la page, c'est la manière la plus simple de le faire. Votre approche est correcte/
Vous pouvez utiliser la propriété CSS background-image (qui fonctionne avec des dégradés dans les navigateurs récents si vous le trouvez utile) pour dessiner l'arrière-plan et faire en sorte que jQuery anime la propriété background-position pour la faire glisser vers le bas.
Voici une démo en direct de celui-ci: http://jsfiddle.net/fD8WJ/ (Firefox seulement pour l'effet de gradient, mais il fonctionnera avec toute image url(...)). Il utilise un petit plug-in jQuery pour répondre au manque de prise en charge par jQuery de la spécification de plusieurs valeurs pour background-position dans jQuery.animate(). Sinon, c'est assez snazzy.
Pertinent: http://stackoverflow.com/questions/2117594/adding-amount-to-background-position-on-click-jquery/2117629#2117629 – thirtydot
Merci pour votre réponse. Cependant, j'ai peut-être causé de la confusion dans la façon dont j'ai posé la question. Ce que je recherchais, c'était la levée du masque d'un arrière-plan différent dans un mode slideDown, pas le fond réel glissant vers le bas. – gkbii