Subversion Repositories eFlore/Applications.eflore-consultation

Compare Revisions

Ignore whitespace Rev 915 → Rev 916

/trunk/modules/popup_galerie/squelettes/popup_galerie_illustrations.tpl.html
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="&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>