Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 922 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
916 aurelien 1 
<script type="text/javascript">
2 
<!--
3 
   var urls = [<?= '"'.implode($urls, '","').'"'; ?>];
4 
   var indexImage = 0;
5 
   var urlImage = "<?= $url_image; ?>";
6 
   $(document).ready(function() {
7 
	   $('#precedent').click(function() {
8 
		   indexImage--;
9 
		   if(indexImage <= 0) {
10 
			   indexImage = urls.length - 1;
11 
		   }
12 
		   console.log(indexImage);
13 
		   $('#illustration').attr('src', urls[indexImage]);
14 
	   });
15 
 
16 
	   $('#suivant').click(function() {
17 
		   indexImage++;
18 
		   if(indexImage >= urls.length) {
19 
			   indexImage = 0;
20 
		   }
21 
		   console.log(indexImage);
22 
		   $('#illustration').attr('src', urls[indexImage]);
23 
	   });
24 
 
25 
	   if(urlImage != "null" && urlImage != "") {
26 
		   indexImage = Array.indexOf(urls, urlImage);
27 
		   $('#illustration').attr('src', urls[indexImage]);
28 
	   }
29 
   });
30 
 // -->
31 
</script>
32 
<div id="info-img">
33 
	<div class="conteneur-precedent">
34 
		<a id="precedent" href="#">
35 
			<img style="border:none" src="http://www.tela-botanica.org/sites/commun/generique/images/flecheGauche.jpg" alt="&lt;" />
36 
		</a>
37 
	</div>
38 
	<div class="img-cadre">
39 
			<img id="illustration" src="<?=$urls[0]?>" alt="" />
40 
	</div>
41 
	<div class="conteneur-suivant">
42 
		<a id="suivant" href="#">
43 
			<img style="border:none" src="http://www.tela-botanica.org/sites/commun/generique/images/flecheDroite.jpg" alt="&gt;" />
44 
		</a>
45 
	</div>
46 
	<hr class="nettoyage" />
47 
</div>