Recherche un javascript pour album photo

CleanPc Messages postés 13 Statut Membre -  
francisbrico Messages postés 967 Statut Contributeur -
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. CleanPc Messages postés 13 Statut Membre
     
    Hey merci beaucoup francisbrico, J'ai trouvé en plein ce que je cherchais sur ce site !

    C'est un excellent site !
    0
  2. francisbrico Messages postés 967 Statut Contributeur 369
     
    bonsoir

    content pour toi

    bon courage

    a+
    0
  3. lMICHELe Magicien Messages postés 1 Date d'inscription   Statut Membre Dernière intervention  
     
    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
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. francisbrico Messages postés 967 Statut Contributeur 369
     
    bonjour
    as-tu changé le chiffre 2 par le chiffre qui est égale au nombre d'image que tu veux mettre moins 1
    0
  6. MICHEL le Magicien
     
    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
  7. MICHEL le Magicien
     
    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
  8. francisbrico Messages postés 967 Statut Contributeur 369
     
    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
  9. MICHEL le Magicien
     
    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
  10. francisbrico Messages postés 967 Statut Contributeur 369
     
    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
  11. MICHEL le Magicien
     
    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
  12. francisbrico Messages postés 967 Statut Contributeur 369
     
    mets ceci a la premiere ligne
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    0
  13. MICHEL le Magicien
     
    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
  14. francisbrico Messages postés 967 Statut Contributeur 369
     
    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
  15. MICHEL le Magicien
     
    RE

    OK ça marche merci a toi

    A+

    MICHEL le Magicien
    0
  16. francisbrico Messages postés 967 Statut Contributeur 369
     
    tant mieux
    n'oublie pas de mettre résolu
    a+
    0
  17. MICHEL le Magicien
     
    BONJOUR FRANCISBRICO

    Je ne vois pas ou pas de mettre résolu
    0
  18. francisbrico Messages postés 967 Statut Contributeur 369
     
    Bonjou
    tu dois avoir une case a cocher
    0