Partage
  • Partager sur Facebook
  • Partager sur Twitter

diaporama et arrêt de l image

souris active

    13 décembre 2010 à 11:04:43

    je souhaite que le diaporama soit -automatique
    -s'arrête qd souris survol image ( c'est ok)
    -se réactive là où il s'est arrêté quand souris quitte l image
    J ai, je pense , un soucis à ce niveau onmouseout="diaporama('lui', promos, 1);_ Là l image revient a 1
    Voici le script :/
    Entre Head:
    <script type="text/javascript">
    var promos = new Array();

    promos[0]='essai_img/img01.jpg';
    promos[1]='essai_img/img02.jpg';
    promos[2]='essai_img/img03.jpg';
    promos[3]='essai_img/img04.jpg';
    promos[4]='essai_img/img05.jpg';
    promos[5]='essai_img/img06.jpg';
    promos[6]='essai_img/img07.jpg';
    promos[7]='essai_img/img08.jpg';


    function diaporama(id, liste, numero)
    {
    document.getElementById(id).src = liste[numero];
    numero++;
    if (numero == liste.length)
    {
    numero = 0;
    }
    timer = window.setTimeout(function() { diaporama(id, liste, numero); }, 2000);
    }


    function stop(id)
    {
    window.clearTimeout(timer);
    document.getElementById(id).src = liste[numero];
    }
    </script>


    et entre le body :

    <img name='lui' id='lui' width='420' height='275' src='essai_img/img01.jpg' onmouseout="diaporama('lui', promos, 1);
    " onmouseover="stop('lui');" alt='aaabbb' />

    Peut m aider à finaliser mon diaporama?
    Merci pour votre aide
    ama.
    • Partager sur Facebook
    • Partager sur Twitter
      13 décembre 2010 à 11:33:27

      c'est normal que ton diaporama revienne a la premiere image lors du onmouseout puisque c'est ce que tu lui demande :
      diaporama('lui', promos, 1);

      tu peut transformer ton js de la sorte :
      var numero = 0;
      var timer;
      
      function diaporama(id, liste) 
      {
         document.getElementById(id).src = liste[numero];
         numero++;
         if (numero == liste.length) 
         {
            numero = 0;
         }
         timer = window.setTimeout(function() { diaporama(id, liste); }, 2000);
      }
      
      function stop(id)
      {
         window.clearTimeout(timer);
      }
      

      et le html :
      <img name='lui' id='lui' width='420' height='275' src='essai_img/img01.jpg' onmouseout="diaporama('lui', promos);
      " onmouseover="stop('lui');" alt='aaabbb' />
      
      • Partager sur Facebook
      • Partager sur Twitter

      diaporama et arrêt de l image

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown