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 :

rollover et "alétaoire"


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Septembre 2004
    Messages : 3
    Par défaut rollover et "alétaoire"
    Bonjour,

    Je cherche à présenter un certain nombre d'images sur la même page
    de manière alétaoire
    script :
    ----------
    <script language="javascript">son = new Array();
    son[0] = '0001.gif';
    son[1] = '0002.gif';
    son[2] = '0003.gif';
    .................
    var nbre = son.length;
    n= Math.floor(Math.random()* +nbre);</script>

    ----------
    Ca fonctionne.

    Et chacune de ces images devrait être au passage de la souris remplacée par une seconde (images dynamiques ou rollover).

    J'utilise pour cette dernière fonction soit Namo, soit Dreamwever.

    Comment réaliser cela ?
    J'ai bien essayé pour chacune d'elles un rollover. Outre que ca rend la page lourde, pas concluant.

    ---------
    L'autre solution serait de créer une page par images.
    Quel script me permettrait d'afficher aléatoirement une page parmi 64 pages toutes situées dans le même répertoire ?

    Merci

  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
    c'est quoi qui te gène ?
    tu utilises quoi comme script de rollover ???

    a priori à partir du moment ou toutes les images sont preloadées ça ne devrait pas poser de souci ...
    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
    Candidat au Club
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Septembre 2004
    Messages : 3
    Par défaut
    Voilà le rollover utilisé (pour deux images) :
    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
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    --------------
    <script language="JavaScript"><!--
     
     
    function MM_swapImgRestore() { //v2.0
     
     
      if (document.MM_swapImgData != null)
     
     
        for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
     
     
          document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
     
     
    }
     
     
     
     
     
    function MM_preloadImages() { //v2.0
     
     
      if (document.images) {
     
     
        var imgFiles = MM_preloadImages.arguments;
     
     
        if (document.preloadArray==null) document.preloadArray = new Array();
     
     
        var i = document.preloadArray.length;
     
     
        with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
     
     
          preloadArray[i] = new Image;
     
     
          preloadArray[i++].src = imgFiles[j];
     
     
      } }
     
     
    }
     
     
     
     
     
    function MM_swapImage() { //v2.0
     
     
      var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
     
     
      for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
     
     
        objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
     
     
        if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
     
     
            (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
     
     
          objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
     
     
        obj = eval(objStr);
     
     
        if (obj != null) {
     
     
          swapArray[j++] = obj;
     
     
          swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
     
     
          obj.src = MM_swapImage.arguments[i+2];
     
     
      } }
     
     
      document.MM_swapImgData = swapArray; //used for restore
     
     
    }
     
     
    //--></script>
    ---------------------

  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 dreamweaver quand tu nous tiens ...

    le but final recherché c'est quoi ?
    tu veux un rollover alléatoire pour deux images sur la page ?

    ou que l'image aléatoire qui s'affiche ait un rollover associé
    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 éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    pas bien compris non plus

    Tu gères déjà un tableau pour que les images affichées soient aléatoires.
    Tu veux maintenant que les image affichées sur rollover soient également aléatoires.
    Pourquoi n'utilises-tu pas le même principe (un second tableau random pour le rollover) ??

    A+

  6. #6
    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
    ou un second tableau et tu récupères l'indice du premier pour le rollover si ca chaque image doit correspondre un seul rollover ...
    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 !

  7. #7
    Candidat au Club
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Septembre 2004
    Messages : 3
    Par défaut
    Bon...
    Je réajuste quelques neurones.
    Zip...............



    Une page qui puisse afficher aléatoirement 64 images ET chacune d'elle avec un rollover associé.

    C'est clair ou faut que j'aille débusquer d'autres morceaux de cervelle

  8. #8
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par rey9 Voir le message
    Une page qui puisse afficher aléatoirement 64 images ET chacune d'elle avec un rollover associé.
    Citation Envoyé par SpaceFrog Voir le message
    ou un second tableau et tu récupères l'indice du premier pour le rollover si ca chaque image doit correspondre un seul rollover ...
    A+

  9. #9
    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
    oui ou encore un tableau a deux dimensions ...
    dans la première l'image, dasn la seconde son rollover ...
    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 !

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