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 :

Insertion d'un fondu enchainé


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Août 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2012
    Messages : 2
    Points : 1
    Points
    1
    Par défaut Insertion d'un fondu enchainé
    Bonjour tout le monde,

    J'aurai besoin de votre aide pour finaliser mon code.

    J'aimerai réalisé un fondu enchainé entre le changement de mes images je sais pas si cela est possible avec mon code actuel j'ai essayé plusieurs méthode sans succès.

    Voici mon bout de code qui fonctionne parfaitement :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    <html> 
    <head> 
    <title> 
    </title> 
    </head> 
     
    <SCRIPT language=JavaScript1.1> 
     
    // Dossier où se situent les images 
    var dossier="images"; 
     
    // Le tableau qui va contenir les images. 
    var tab_images=new Array(); 
    tab_images[0]=[dossier+"/image2.JPG", "accueil.html"]; 
    tab_images[1]=[dossier+"/image3.JPG", "accueil.html"]; 
    tab_images[2]=[dossier+"/image1.JPG", "accueil.html"]; 
     
     
    // Le délai de passage d'une image à l'autre en millisecondes -> 1s=1000 
    var delai=3000; 
     
    // Variable de compteur qui indiquera à quelle image on se trouve 
    var compteur=1; 
     
    // La fonction qui va permettre le défilement 
    function Diaporama(){ 
    // partie où on applique les filtres propres à IE 
    document.images.diaporama.src=tab_images[compteur][0]; 
    document.getElementById("linkTo").href = tab_images[compteur][1]; 
    // On incrémente le compteur de 1 pour passer à l'image suivante 
    compteur++; 
    // Si on a atteint la dernière image, on remet à zéro le compteur et on rappelle la fonction Diaporama()
     if (compteur==tab_images.length) 
    compteur=0; 
    setTimeout("Diaporama()",delai) 
    } 
    // On charge au démarrage de la page la fonction de défilement des images 
    window.onload=new Function("setTimeout('Diaporama()',delai)") 
    </SCRIPT> 
     
    <body> 
    <a id="linkTo" href="accueil.html"> 
    <IMG src="image1.JPG" name=diaporama border="0"/> 
    </a> 
    </body> 
    </html>
    Merci d'avance.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Quel rapport avec jQuery ???

    Sinon, tu as ça : Fondu enchainé.

    Et au passage, ta façon de coder en JavaScript est assez archaïque...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Août 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2012
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    J'avais déjà lu le tuto que tu m'as envoyé et je ne veux pas utiliser la technique des images l'une sur l'autre.

    Je n'ai pas poster pour qu on juge ma façon de coder je suis débutant d'autre aide svp

  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 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 672
    Points
    66 672
    Billets dans le blog
    1
    Par défaut
    Peut être qu'en suivant les conseil que l'on te donne tu dépasseras la stade de débutant ?
    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 !

Discussions similaires

  1. [JavaScript] Fondu enchainé
    Par Bovino dans le forum Contribuez
    Réponses: 44
    Dernier message: 18/04/2013, 13h47
  2. [CS4]Images en fondu enchainé dans balises div
    Par Dukey dans le forum Dreamweaver
    Réponses: 2
    Dernier message: 19/05/2010, 18h21
  3. centrer un diaporama fondu enchainé
    Par pseudodejautilis dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 11/09/2009, 11h19
  4. Fondu enchainé entre 2 diapositives
    Par hophopzip dans le forum Powerpoint
    Réponses: 1
    Dernier message: 25/12/2007, 11h11

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