Script ou Gif animé pour un background [Résolu]

[iluvatar75]

Bonjour,

Voilà je suis sur le point de concevoir un site.

En fouillant sur le net, j'ai trouvé deux sites qui me plaisent :

Site 1

Site 2

Le point commun est le background qui s'anime...

L'avantage d'un background c'est qu'on peut mettre toutes sortes de balises comme <DIV>, <H1>, <P> etc etc ...au-dessus de l'image de fond comme dans "Site 1"

Je voudrais savoir si il existe un script qui permet d'obtenir à ce genre de résultat ?

De mon coté, j'ai fais quelques recherches mais en vain excepté ce script mais je ne sais pas si c'est moi, mais c'est tellement mal expliqué que je n'y comprends rien !

Cela fait des jours que je cherche sans résultat positif et je me demande si, mais vraiment pour faire simple, je ne devrais pas faire un gif animé que je l’intégrerai sur le background d'un <DIV> par exemple...

Que me conseillez-vous ?

[SpaceFrog]

jette un oeil sur les sprites ...
http://www.developpez.net/forums/d90...-dessin-anime/

[iluvatar75]

Merci SpaceFrog pour le lien mais je ne vois pas le rapport

Je me suis mal expliqué par "background animé". je ne souhaite pas une "animation" mais faire défiler plusieurs images en arriere-plan d'une balise (DIV ou BODY) comme dans le lien que j'ai donné plus haut "site 1"...

[SpaceFrog]

ha tu veux dire un fading ???

ce n'est pas possible directement sur une image en backgound-image
il faut passer par des zindex ...

je te conseillerais alors l'utilisation du plugin jquery cycle ...

[Watilin]

Personnellement, je te déconseille les gifs. Les exemples que tu montres utilisent des images relativement grandes, et le gif n'est pas fait pour les grandes images : on voit apparaître des artefacs de compression, et de la postérisation dûe à la palette de couleurs limitée.
Comme le suggère SpaceFrog, tu peux utiliser le plugin jQuery Cycle. Pour moi ça fait partie de la catégorie des slideshows, et il y a des tas et des tas de scripts consacrés à ça sur le Net

[NoSmoking]

il existe l'excellent http://javascript.developpez.com/demos/fondu/

L'avantage d'un background c'est qu'on peut mettre toutes sortes de balises comme <DIV>, <H1>, <P> etc etc ...au-dessus de l'image de fond comme dans "Site 1"

on peut également mettre une DIV en background, sous toutes les autres.

[iluvatar75]

Merci SpaceFrog, j'ai trouvé ce que je voulais et c'est vrai qu'en jouant avec z-index on arrive à obtenir le même résultat que le lien que j'ai donné plus haut !

Personnellement, je te déconseille les gifs. Les exemples que tu montres utilisent des images relativement grandes, et le gif n'est pas fait pour les grandes images : on voit apparaître des artefacs de compression, et de la postérisation dûe à la palette de couleurs limitée.

Oui c'est vrai, je connaissais ces inconvénients mais j'étais vraiment désespéré

Merci à vous en tout cas !