Subversion Repositories eFlore/Applications.cel

Rev

Rev 3041 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3041 Rev 3630
Line 7... Line 7...
7 
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script>
 7 
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script>
8 
</head>
 8 
</head>
9 
<body>
 9 
<body>
10 
<script type="text/javascript">
 10 
<script type="text/javascript">
11 
//<![CDATA[
 11 
//<![CDATA[
12 
   var urls = [<?= '"'.implode($urls, '","').'"'; ?>];
12 
   var urls = [<?= '"'.implode($urls, '","').'"'; ?>];
13 
   var infos_images = <?= json_encode($infos_images); ?>;
 13 
   var infos_images = <?= json_encode($infos_images); ?>;
14 
   var indexImage = 0;
 14 
   var indexImage = 0;
15 
   var urlImage = "<?= $url_image; ?>";
 15 
   var urlImage = "<?= $url_image; ?>";
16 
   var tailleMax = 580;
 16 
   var tailleMax = 580;
17
17 
 
18 
   function redimensionnerImage(objet) {
 18 
   function redimensionnerImage(objet) {
19
19 
 
20 
	   objet.removeAttr("width");
20 
	   objet.removeAttr("width");
21 
	   objet.removeAttr("height");
 21 
	   objet.removeAttr("height");
22
22 
 
23 
	   var hauteurImage = objet.height();
 23 
	   var hauteurImage = objet.height();
24 
	   var largeurImage = objet.width();
 24 
	   var largeurImage = objet.width();
25 
	   var rapport = 1;
 25 
	   var rapport = 1;
26 
	   if(hauteurImage > largeurImage && hauteurImage > tailleMax) {
 26 
	   if(hauteurImage > largeurImage && hauteurImage > tailleMax) {
27 
		   rapport = largeurImage/hauteurImage;
 27 
		   rapport = largeurImage/hauteurImage;
28 
		   hauteurImage = 580;
 28 
		   hauteurImage = 580;
29
29 
 
30 
		   largeurImage = hauteurImage*rapport;
 30 
		   largeurImage = hauteurImage*rapport;
31 
		   $('#illustration').attr("height", hauteurImage);
 31 
		   $('#illustration').attr("height", hauteurImage);
32 
		   $('#illustration').attr("width", largeurImage);
 32 
		   $('#illustration').attr("width", largeurImage);
33 
	   }
 33 
	   }
34 
	   hauteurFleches = ((hauteurImage+90)/2);
34 
	   hauteurFleches = ((hauteurImage+90)/2);
35 
	   $('#info-img-galerie .conteneur-precedent').attr("top", hauteurFleches);
 35 
	   $('#info-img-galerie .conteneur-precedent').attr("top", hauteurFleches);
36 
	   $('#info-img-galerie .conteneur-suivant').attr("top", hauteurFleches);
 36 
	   $('#info-img-galerie .conteneur-suivant').attr("top", hauteurFleches);
37
37 
 
38 
	   window.resizeTo(largeurImage+120,hauteurImage+120);
 38 
	   window.resizeTo(largeurImage+120,hauteurImage+120);
39 
   }
 39 
   }
40
40 
 
41 
   function imageSuivante() {
 41 
   function imageSuivante() {
42 
	   indexImage++;
 42 
	   indexImage++;
43 
	   if(indexImage >= urls.length) {
 43 
	   if(indexImage >= urls.length) {
44 
		   indexImage = 0;
 44 
		   indexImage = 0;
45 
	   }
 45 
	   }
46 
	   afficherTitreImage();
 46 
	   afficherTitreImage();
47 
	   $('#illustration').attr('src', urls[indexImage]);
 47 
	   $('#illustration').attr('src', urls[indexImage]);
48 
   }
 48 
   }
49
49 
 
50 
   function imagePrecedente() {
 50 
   function imagePrecedente() {
51 
	   indexImage--;
 51 
	   indexImage--;
52 
	   if(indexImage <= 0) {
 52 
	   if(indexImage <= 0) {
53 
		   indexImage = urls.length - 1;
 53 
		   indexImage = urls.length - 1;
54 
	   }
 54 
	   }
55 
	   afficherTitreImage();
 55 
	   afficherTitreImage();
56 
	   $('#illustration').attr('src', urls[indexImage]);
 56 
	   $('#illustration').attr('src', urls[indexImage]);
57 
   }
 57 
   }
58
58 
 
59 
   function afficherTitreImage() {
 59 
   function afficherTitreImage() {
60 
	   item = infos_images[urls[indexImage]];
 60 
	   item = infos_images[urls[indexImage]];
61 
	   var titre = item['titre'];
 61 
	   var titre = item['titre'];
62 
	   var infos = decouperTitre(titre);
 62 
	   var infos = decouperTitre(titre);
63 
	   var lienContact = '<?= $url_widget ?>?mode=contact&nn='+infos.nn+
 63 
	   var lienContact = '<?= $url_widget ?>?mode=contact&nn='+infos.nn+
64 
			   			'&nom_sci='+infos.nom_sci+
 64 
			   			'&nom_sci='+infos.nom_sci+
65 
			   			'&date='+infos.date+
 65 
			   			'&date='+infos.date+
66 
			   			'&id_image='+item['guid'];
 66 
			   			'&id_image='+item['guid'];
67 
       titre = '<a href="'+item['lien']+'">'+infos.nom_sci+'</a> '+
 67 
       titre = '<a href="'+item['lien']+'">'+infos.nom_sci+'</a> '+
68 
       		   ' door <a class="lien_contact" href="'+lienContact+'">'+infos.auteur+'</a> '+
68 
       		   ' door <a class="lien_contact" href="'+lienContact+'">'+infos.auteur+'</a> '+
69 
       		   ' op '+infos.date+' ';
69 
       		   ' op '+infos.date+' ';
70 
	   $('#bloc-infos-img').html(titre);
 70 
	   $('#bloc-infos-img').html(titre);
71 
   }
 71 
   }
72
72 
 
73 
   function decouperTitre(titre) {
 73 
   function decouperTitre(titre) {
74 
		var tab_titre = titre.split('[nn');
 74 
		var tab_titre = titre.split('[nn');
75 
		var nom_sci = tab_titre[0];
 75 
		var nom_sci = tab_titre[0];
76 
		var tab_titre_suite = tab_titre[1].split(' door ');
 76 
		var tab_titre_suite = tab_titre[1].split(' door ');
77 
		var nn = '[nn'+tab_titre_suite[0];
 77 
		var nn = '[nn'+tab_titre_suite[0];
78 
		var tab_titre_fin = tab_titre_suite[1].split(' op ');
 78 
		var tab_titre_fin = tab_titre_suite[1].split(' op ');
79 
		var utilisateur = tab_titre_fin[0];
 79 
		var utilisateur = tab_titre_fin[0];
80 
		var date = tab_titre_fin[1];
 80 
		var date = tab_titre_fin[1];
81
81 
 
82 
		var titre_decoupe = {'nom_sci' : nom_sci, 'nn' : nn, 'date' : date, 'auteur' : utilisateur};
 82 
		var titre_decoupe = {'nom_sci' : nom_sci, 'nn' : nn, 'date' : date, 'auteur' : utilisateur};
83 
		return titre_decoupe;
 83 
		return titre_decoupe;
84 
	}
 84 
	}
85
85 
 
86 
   function ouvrirFenetreContact(lienImage) {
 86 
   function ouvrirFenetreContact(lienImage) {
87 
		var url = lienImage.attr("href");
 87 
		var url = lienImage.attr("href");
88 
		window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
 88 
		window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
89 
   }
 89 
   }
90
90 
 
91 
   $(document).ready(function() {
 91 
   $(document).ready(function() {
92 
	   $('#precedent').click(function() {
 92 
	   $('#precedent').click(function() {
93 
		   imagePrecedente();
 93 
		   imagePrecedente();
94 
	   });
 94 
	   });
95
95 
 
96 
	   $('#suivant').click(function() {
 96 
	   $('#suivant').click(function() {
97 
		   imageSuivante();
 97 
		   imageSuivante();
98 
	   });
 98 
	   });
99
99 
 
100 
	   if(urlImage != "null" && urlImage != "") {
 100 
	   if(urlImage != "null" && urlImage != "") {
101 
		   indexImage = Array.indexOf(urls, urlImage);
 101 
		   indexImage = Array.indexOf(urls, urlImage);
102 
		   $('#illustration').attr('src', urls[indexImage]);
 102 
		   $('#illustration').attr('src', urls[indexImage]);
103 
		   afficherTitreImage();
 103 
		   afficherTitreImage();
104 
	   }
 104 
	   }
105
105 
 
106 
	   $('#illustration').load(function() {
 106 
	   $('#illustration').load(function() {
107 
			redimensionnerImage($(this));
 107 
			redimensionnerImage($(this));
108 
	   });
 108 
	   });
109
109 
 
110 
	   $("body").keydown(function(e) {
 110 
	   $("body").keydown(function(e) {
111 
		   	if(e.keyCode == 37) { // gauche
 111 
		   	if(e.keyCode == 37) { // gauche
112 
		   		imagePrecedente();
 112 
		   		imagePrecedente();
113 
		   	}
 113 
		   	}
114 
		   	else if(e.keyCode == 39) { // droite
 114 
		   	else if(e.keyCode == 39) { // droite
115 
		   		imageSuivante();
 115 
		   		imageSuivante();
116 
		   	}
 116 
		   	}
117 
		});
 117 
		});
118
118 
 
119 
	   $('.lien_contact').live('click', function(event) {
 119 
	   $('.lien_contact').live('click', function(event) {
120 
		  event.preventDefault();
 120 
		  event.preventDefault();
121 
		  ouvrirFenetreContact($(this));
121 
		  ouvrirFenetreContact($(this));
122 
	   });
 122 
	   });
123 
   });
 123 
   });
124 
//]]>
 124 
//]]>
125 
</script>
 125 
</script>