New file |
0,0 → 1,47 |
<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="<" /> |
</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=">" /> |
</a> |
</div> |
<hr class="nettoyage" /> |
</div> |