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

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  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
    Par défaut
    jette un oeil sur les sprites ...
    http://www.developpez.net/forums/d90...-dessin-anime/
    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.

+ 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