Recherche un javascript pour album photo

Bonjour,

Je recherche un javascript qui me permettrait de placer des photos miniatures dans le haut d'une page et au passage du curseur sur celles-ci, l'agrandissement de la photo en question apparaitrait au centre de cette même page.

Merci pour l'aide !

19 réponses

  1. Hey merci beaucoup francisbrico, J'ai trouvé en plein ce que je cherchais sur ce site !

    C'est un excellent site !
    0
    1. Contributeur
      bonsoir

      content pour toi

      bon courage

      a+
      0
      1. Bonjour a tous

        Je suis allé sur le site (https://twitter.com/ceosammassey )

        pour trouver un script pour album photos, j’ai trouver ce lui ci

        La visionneuse d'images 2
        Ici les Boutons Sont Remplaces par des Images.
        et les images visionnées sont de tailles différentes.

        il est très bien mais il y a un problème il ne fonctionne que comme ça
        var nom = new objet ("01.jgp", "02.jpg", "03.jpg");
        mais pas comma ça
        var nom = new objet ("01.jpg", "02.jpg", "03.jpg", “04.jpg); etc etc
        comme ça non plus
        var nom = new objet ("img/01.jpg", "img/02.jpg", "img/03.jpg",); etc etc
        y a-t-il une personne qui pourrai me venir en aide

        MERCI

        MICHEL le Magicien
        0
        1. Contributeur
          bonjour
          as-tu changé le chiffre 2 par le chiffre qui est égale au nombre d'image que tu veux mettre moins 1
          0
          1. Bonjour FRANCISBRICO

            Merci pour ta réponse mais je ne voie pas de chifre 2 dans le script qui suit

            <script language="JavaScript">
            <!--
            //PLF-https://twitter.com/ceosammassey
            var bauto = 0;
            var dossier="im/";
            var numero = 1;
            function objet() {
            this.length = objet.arguments.length
            for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
            }
            var nom = new objet ("imaga.gif", "imagb.gif", "imagc.gif");
            function suivante() {
            numero += 1;
            if (numero == nom.length + 1) numero = 1;
            document.image.src = dossier+nom[numero];
            }
            function precedente() {
            numero -= 1;
            if (numero == 0) numero = nom.length;
            document.image.src = dossier+nom[numero];
            }
            function changer() {
            numero += 1;
            if (numero == nom.length + 1) numero = 1;
            document.image.src = dossier+nom[numero];
            roll=setTimeout("changer()", 1500);
            }
            function initial() {
            window.clearTimeout(roll);
            document.image.src = dossier+nom[numero];
            }
            function auto() {
            if (bauto == 0) {
            bauto =1; changer();
            document.automat.src = "im/flchst.gif";
            document.automat.title = "Stop";
            }
            else {
            bauto =0; initial();
            document.automat.src = "im/flch2.gif";
            document.automat.title = "Auto";
            }
            }
            //-->
            </script>

            Ou je je suis miro (MDR)

            a +
            0
            1. Bonjour FRANCISBRICO

              Merci pour ta réponse mais je ne voie pas de chifre 2 dans le script qui suit

              <script language="JavaScript">
              <!--
              //PLF-https://twitter.com/ceosammassey
              var bauto = 0;
              var dossier="im/";
              var numero = 1;
              function objet() {
              this.length = objet.arguments.length
              for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
              }
              var nom = new objet ("imaga.gif", "imagb.gif", "imagc.gif");
              function suivante() {
              numero += 1;
              if (numero == nom.length + 1) numero = 1;
              document.image.src = dossier+nom[numero];
              }
              function precedente() {
              numero -= 1;
              if (numero == 0) numero = nom.length;
              document.image.src = dossier+nom[numero];
              }
              function changer() {
              numero += 1;
              if (numero == nom.length + 1) numero = 1;
              document.image.src = dossier+nom[numero];
              roll=setTimeout("changer()", 1500);
              }
              function initial() {
              window.clearTimeout(roll);
              document.image.src = dossier+nom[numero];
              }
              function auto() {
              if (bauto == 0) {
              bauto =1; changer();
              document.automat.src = "im/flchst.gif";
              document.automat.title = "Stop";
              }
              else {
              bauto =0; initial();
              document.automat.src = "im/flch2.gif";
              document.automat.title = "Auto";
              }
              }
              //-->
              </script>

              Ou je je suis miro (MDR)

              a +
              0
              1. Contributeur
                je pensais que tu faisais un rollower j'ai pris sur le lien que tu indiquer le rollower a 3 images vu que tu indiquez qu'à partir de la troisième ca ne marchait pas donnes-moi le lien exact du programme que tu veux utiliser car il me faut aussi le "body"
                0
                1. Merci pour tout FRANCISBRICO

                  mais j'ai trouver le problême il y avais un espace et une ";) de trop dans le cript et voila tout

                  MERCI encore
                  0
                  1. Bonjour

                    J’ai utiliser le script qui suit sur toute les pages de mon site cela est super avec IE mais

                    cela ne fonctionne pas avec FIREFOX est-ce normal

                    https://twitter.com/ceosammassey
                    0
                    1. Contributeur
                      oui c'est normal pour qu'un programme soit compatible IE Firefox Opera etc
                      il faut le tester en W3C
                      par exemple
                      http://validator.w3.org/...

                      ou alors toujours charger des programmmes qui ont été tester IE Firefox au moins cela représente 95% des personnes qui utilisent intennet
                      As-tu ceci au début de ton programme
                      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                      <html lang="fr-fr">
                      <head>
                      <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
                      <title>Souris qui suit</title>
                      </head>
                      ETC
                      0
                      1. Bonjour FRANCISBRICO

                        Voici ce qu'il y a au debu de ma sourse

                        <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
                        <html><head><script language="JavaScript">

                        pour moi qui suis debutant cela ???????????????

                        A+

                        MICHEL le Magicien
                        0
                        1. Contributeur
                          mets ceci a la premiere ligne
                          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                          0
                          1. Re

                            j'ai coler ce que tu ma dit et l'image qui devrais suivre le poiteur reste dans le coin inferieur gauche avec firefox

                            allor qu'elle suis bien avec IE

                            A+

                            MICHEL le Magicien
                            0
                            1. Contributeur
                              colle ceci chez moi ca marche sur IE et Firefox

                              <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                              <html lang="fr-fr">
                              <head>
                              <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
                              <title>Souris qui suit</title>
                              </head>
                              <body bgcolor="#FFFFFF">
                              <script language="JavaScript">
                              <!--
                              //PLF-https://twitter.com/ceosammassey
                              var x = 0;
                              var y = 0;
                              var dist=-50//réglage distance à gauche initial
                              var mess="Si tu veux cliquer vas dans le script 1, pour voir !";
                              var posX = 0;
                              var posY = 0;
                              var animate = true;
                              var imag1 = "PHOT1.gif";

                              if (document.getElementById)
                              {
                              if(navigator.appName.substring(0,3) == "Net")
                              document.captureEvents(Event.MOUSEMOVE);
                              document.onmousemove = Pos_Souris;
                              window.onload = depl_img;
                              }
                              function Pos_Souris(p)
                              {
                              x = (navigator.appName.substring(0,3) == "Net") ? p.pageX : event.x+document.body.scrollLeft;
                              y = (navigator.appName.substring(0,3) == "Net") ? p.pageY : event.y+document.body.scrollTop;
                              }
                              function clickok()
                              {
                              alert(mess);
                              }
                              function depl_img()
                              {
                              if (document.getElementById && animate)
                              {
                              document.getElementById("idjoe").style.top = posY-30;//réglage de la hauteur
                              document.getElementById("idjoe").style.left = posX+dist;
                              vitess = setTimeout("depl_img()",10)
                              posX = posX+(((x-posX)+10)/30);//Réduire le diviseur pour augmenter la vitesse
                              posY = posY+(((y-posY)+10)/30);//Réduire le diviseur pour augmenter la vitesse
                              if(posX+dist<x){
                              imag2='PHOTO1.gif';
                              dist=-50 //réglage distance à gauche
                              }
                              else{
                              imag2='PHOTO2.gif';
                              dist=-5 //réglage distance à droite
                              }
                              if(imag2!=imag1)
                              {
                              document.joe.src=imag2;
                              imag1=imag2;
                              }
                              }
                              }

                              if(document.getElementById)
                              {
                              document.write('<DIV ID=idjoe style="position: absolute">');
                              document.write('<A HREF="#" onClick="clickok();">');
                              document.write('<IMG SRC="PHOTO1.gif" name=joe border=0 hspace=0 vspace=0 ></A></DIV>');
                              }
                              //-->
                              </script>
                              </body>
                              </html>

                              Remplace PHOTO1 et PHOTO2 par les tiennes
                              0
                              1. RE

                                OK ça marche merci a toi

                                A+

                                MICHEL le Magicien
                                0
                                1. Contributeur
                                  tant mieux
                                  n'oublie pas de mettre résolu
                                  a+
                                  0
                                  1. BONJOUR FRANCISBRICO

                                    Je ne vois pas ou pas de mettre résolu
                                    0
                                    1. Contributeur
                                      Bonjou
                                      tu dois avoir une case a cocher
                                      0