Je travaille sur un site qui utilise leplugin nivo-slider. Le fondu enchaîné des images du curseur est correct, mais je souhaite ajouter un motif répétitif d’image d’arrière-plan et également appliquer ce fondu enchaîné à un autre motif d’image. Je ne suis pas capable de comprendre comment ajouter ces images d’arrière-plan en tant que html sans casser le plugin; j’utilise donc la propriété background-image en css pour changer l’arrière-plan mais cela ne se fane pas, le nouvel arrière-plan Les transitions css ne fonctionnent pas sur css background-image et ne fonctionnent pas lorsque jquery utilise un fondu .animate ou jquery. Le plus proche que je vienne est le fondu au fond, mais ce n’est pas le fondu enchaîné que je veux. Je n’ai pas été en mesure de trouver de plug-in javascript pour le faire non plus.
Donc, fondamentalement, ma question est la suivante:</ strong> Quelqu'un sait-il comment effectuer un fondu lors de la modification d'une propriété d'image d'arrière-plan css d'éléments?
Réponses:
1 pour la réponse № 1Je suggère deux couches.
- Nivo Slider
- "Assistant" adjacent
Nous allons seulement créer l’illusion d’un fondu enchaîné.
La première étape: La couche 1 (curseur nivo) fait apparaître en fondu le nouvel arrière-plan. Une fois l’opération terminée, l’arrière-plan est déplacé vers la couche 2 et supprimé de la couche 1. L’utilisateur ne voit pas le bouton tel qu’il est instantané.
Deuxième étape: Sur la transition suivante, fondu du calque 2 en sortiela couche 1 s'estompe avec le nouvel arrière-plan. Une fois cette opération effectuée, basculez l’arrière-plan du calque 1 sur le calque 2, réglez le calque 2 sur une opacité de 100% et supprimez l’arrière-plan du calque 1. De nouveau, le côté client ne verra pas le commutateur visuel, l’apparence sera la même. leur.
Rincer et répéter.