IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Script ou Gif anim� pour un background


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Homme Profil pro
    Webdesigner
    Inscrit en
    D�cembre 2008
    Messages
    100
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : Webdesigner

    Informations forums :
    Inscription : D�cembre 2008
    Messages : 100
    Par d�faut Script ou Gif anim� pour un background
    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 ?

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre confirm�
    Homme Profil pro
    Webdesigner
    Inscrit en
    D�cembre 2008
    Messages
    100
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : Webdesigner

    Informations forums :
    Inscription : D�cembre 2008
    Messages : 100
    Par d�faut
    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"...

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    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 ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Expert confirm�
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activit� : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par d�faut
    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
    La FAQ JavaScript � Les cours JavaScript
    Touche F12 = la console → l�outil indispensable pour d�velopper en JavaScript !

  6. #6
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    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.

  7. #7
    Membre confirm�
    Homme Profil pro
    Webdesigner
    Inscrit en
    D�cembre 2008
    Messages
    100
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : Webdesigner

    Informations forums :
    Inscription : D�cembre 2008
    Messages : 100
    Par d�faut
    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 !

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Bing se dote d'un nouveau filtre d'images pour rechercher des GIF anim�s
    Par St�phane le calme dans le forum Actualit�s
    R�ponses: 0
    Dernier message: 01/11/2014, 19h47
  2. Script assez long bloque les gif anim�s de la page
    Par danyboy85 dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 30/07/2008, 16h53
  3. Probleme pour affichage gif anim�e
    Par titella dans le forum VB 6 et ant�rieur
    R�ponses: 3
    Dernier message: 27/03/2008, 19h27
  4. Rx Controls Gif anim�s
    Par toufou dans le forum Composants VCL
    R�ponses: 6
    Dernier message: 23/08/2002, 14h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo