Subversion Repositories eFlore/Applications.eflore-consultation

<script type="text/javascript">
<!--
   var urls = [<?= '"'.implode($urls, '","').'"'; ?>]; 
   var indexImage = 0;
   var urlImage = "<?= $url_image; ?>";
   $(document).ready(function() {
           $('#precedent').click(function() {
                   indexImage--;
                   if(indexImage <= 0) {
                           indexImage = urls.length - 1;
                   }
                   console.log(indexImage);
                   $('#illustration').attr('src', urls[indexImage]);
           });
           
           $('#suivant').click(function() {
                   indexImage++;
                   if(indexImage >= urls.length) {
                           indexImage = 0;
                   }
                   console.log(indexImage);
                   $('#illustration').attr('src', urls[indexImage]);
           });
           
           if(urlImage != "null" && urlImage != "") {
                   indexImage = Array.indexOf(urls, urlImage);
                   $('#illustration').attr('src', urls[indexImage]);
           }
   });
 // -->
</script>
<div id="info-img">
        <div class="conteneur-precedent">
                <a id="precedent" href="#"> 
                        <img style="border:none" src="http://www.tela-botanica.org/sites/commun/generique/images/flecheGauche.jpg" alt="&lt;" />
                </a>
        </div>
        <div class="img-cadre">
                        <img id="illustration" src="<?=$urls[0]?>" alt="" />
        </div>
        <div class="conteneur-suivant">
                <a id="suivant" href="#">
                        <img style="border:none" src="http://www.tela-botanica.org/sites/commun/generique/images/flecheDroite.jpg" alt="&gt;" />
                </a>
        </div>
        <hr class="nettoyage" />
</div>