Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3043 Rev 3630
Line 1... Line 1...
1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 
<html xmlns="http://www.w3.org/1999/xhtml">
 2 
<html xmlns="http://www.w3.org/1999/xhtml">
3 
	<head>
 3 
	<head>
4 
		<title>Publieke foto's CEL - Tela Botanica</title>
 4 
		<title>Publieke foto's CEL - Tela Botanica</title>
5
5 
 
6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
 6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
7 
		<meta http-equiv="Content-style-type" content="text/css" />
 7 
		<meta http-equiv="Content-style-type" content="text/css" />
8 
		<meta http-equiv="Content-script-type" content="text/javascript" />
 8 
		<meta http-equiv="Content-script-type" content="text/javascript" />
9 
		<meta http-equiv="Content-language" content="fr" />
 9 
		<meta http-equiv="Content-language" content="fr" />
10
10 
 
11 
		<meta name="revisit-after" content="15 days" />
 11 
		<meta name="revisit-after" content="15 days" />
12 
        <meta name="robots" content="index,follow" />
 12 
        <meta name="robots" content="index,follow" />
13 
        <meta name="author" content="Tela Botanica" />
 13 
        <meta name="author" content="Tela Botanica" />
14 
        <meta name="keywords" content="Tela Botanica, foto, CEL" />
 14 
        <meta name="keywords" content="Tela Botanica, foto, CEL" />
15 
        <meta name="description" content="Presentatiewidget van de meest recente foto’s die op de ‘Carnet en Ligne’ van Tela Botanica werden gepubliceerd" />
 15 
        <meta name="description" content="Presentatiewidget van de meest recente foto’s die op de ‘Carnet en Ligne’ van Tela Botanica werden gepubliceerd" />
Line 24... Line 24...
24 
				$iz = $items[0];
 24 
				$iz = $items[0];
25 
				$izUrl = sprintf($iz['url_tpl'], 'CRS');
 25 
				$izUrl = sprintf($iz['url_tpl'], 'CRS');
26 
				echo '<meta property="og:image" content="' . $izUrl . '" />';
 26 
				echo '<meta property="og:image" content="' . $izUrl . '" />';
27 
			} else {
 27 
			} else {
28 
				echo '<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />'
 28 
				echo '<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />'
29 
					.'<meta property="og:image:type" content="image/png" />'
29 
					.'<meta property="og:image:type" content="image/png" />'
30 
					.'<meta property="og:image:width" content="256" />'
30 
					.'<meta property="og:image:width" content="256" />'
31 
					.'<meta property="og:image:height" content="256" />';
 31 
					.'<meta property="og:image:height" content="256" />';
32 
			}
 32 
			}
33 
		?>
 33 
		?>
34 
		<meta property="og:locale" content="fr_FR" />
 34 
		<meta property="og:locale" content="fr_FR" />
Line 35... Line 35...
35 
 
 35 
 
36 
		<!-- Spécial mobile -->
 36 
		<!-- Spécial mobile -->
37 
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 37 
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
38
38 
 
39 
		<!-- Favicones -->
 39 
		<!-- Favicones -->
40 
		<link rel="icon" type="image/png" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.png" />
 40 
		<link rel="icon" type="image/png" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.png" />
41 
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
 41 
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
42
42 
 
43 
		<!-- Feuilles de styles -->
 43 
		<!-- Feuilles de styles -->
44 
		<link rel="stylesheet" type="text/css" href="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
 44 
		<link rel="stylesheet" type="text/css" href="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
45 
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>photo.css" media="screen" />
 45 
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>photo.css" media="screen" />
46 
		<style type="text/css">
 46 
		<style type="text/css">
Line 61... Line 61...
61 
			}
 61 
			}
62 
			#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{
 62 
			#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{
63 
				width:<?=(($colonne * 69)-6)?>px;
 63 
				width:<?=(($colonne * 69)-6)?>px;
64 
			}
 64 
			}
65 
		</style>
 65 
		</style>
66
66 
 
67 
		<!-- Javascript : bibliothèques -->
 67 
		<!-- Javascript : bibliothèques -->
68 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script>
 68 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script>
69 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script>
 69 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script>
Line 70... Line 70...
70 
 
 70 
 
Line 83... Line 83...
83 
			<?php if ($erreurs) : ?>
 83 
			<?php if ($erreurs) : ?>
84 
				<?php foreach ($erreurs as $erreur) : ?>
 84 
				<?php foreach ($erreurs as $erreur) : ?>
85 
					<p class="erreur"><?=$erreur;?></p>
 85 
					<p class="erreur"><?=$erreur;?></p>
86 
				<?php endforeach; ?>
 86 
				<?php endforeach; ?>
87 
			<?php endif; ?>
 87 
			<?php endif; ?>
88
88 
 
89 
			<?php if ($informations) : ?>
 89 
			<?php if ($informations) : ?>
90 
				<?php foreach ($informations as $information) : ?>
 90 
				<?php foreach ($informations as $information) : ?>
91 
					<p class="info"><?=$information;?></p>
 91 
					<p class="info"><?=$information;?></p>
92 
				<?php endforeach; ?>
 92 
				<?php endforeach; ?>
93 
			<?php endif; ?>
 93 
			<?php endif; ?>
Line 95... Line 95...
95 
		 	<h1>
 95 
		 	<h1>
96 
		 		<? if (!empty($titre)) : ?>
 96 
		 		<? if (!empty($titre)) : ?>
97 
		 			<?=$titre?>
 97 
		 			<?=$titre?>
98 
		 		<? endif ; ?>
 98 
		 		<? endif ; ?>
99 
		 		<? if($icone_rss) : ?>
 99 
		 		<? if($icone_rss) : ?>
100 
		 		<a href="<?=$flux_rss_url?>"
100 
		 		<a href="<?=$flux_rss_url?>"
101 
					class="cel-photo-flux"
101 
					class="cel-photo-flux"
102 
					title="Afbeeldingen volgen"
102 
					title="Afbeeldingen volgen"
103 
					onclick="window.open(this.href);return false;">
 103 
					onclick="window.open(this.href);return false;">
104 
					<img src="https://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Afbeeldingen volgen" />
 104 
					<img src="https://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Afbeeldingen volgen" />
105 
				</a>
 105 
				</a>
106 
				<? endif; ?>
 106 
				<? endif; ?>
107 
		 	</h1>
 107 
		 	</h1>
Line 113... Line 113...
113 
					</a>
 113 
					</a>
114 
					<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
 114 
					<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
115 
						<strong>
 115 
						<strong>
116 
							<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') { ?>
 116 
							<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') { ?>
117 
							<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
 117 
							<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
118 
								onclick="window.open(this.href);return false;"
118 
								onclick="window.open(this.href);return false;"
119 
								title="Klik hier om toegang te krijgen tot de eFlore fiche">
 119 
								title="Klik hier om toegang te krijgen tot de eFlore fiche">
120 
								<?=$item['infos']['nom_sci']?>
 120 
								<?=$item['infos']['nom_sci']?>
121 
							</a> door
121 
							</a> door
122 
							<a class="cel-img-contact"
122 
							<a class="cel-img-contact"
123 
								href="?mode=contact&nn=<?= urlencode($item['infos']['nn']) ;?>&nom_sci=<?= urlencode($item['infos']['nom_sci']) ;?>&date=<?= urlencode($item['infos']['date']) ;?>&id_image=<?= $item['guid']; ?>&lang=nl"
123 
								href="?mode=contact&nn=<?= urlencode($item['infos']['nn']) ;?>&nom_sci=<?= urlencode($item['infos']['nom_sci']) ;?>&date=<?= urlencode($item['infos']['date']) ;?>&id_image=<?= $item['guid']; ?>&lang=nl"
124 
								title="Klik hier om contact op te nemen met de auteur van de foto">
 124 
								title="Klik hier om contact op te nemen met de auteur van de foto">
125 
								<?=$item['infos']['auteur']?>
 125 
								<?=$item['infos']['auteur']?>
126 
							</a>
 126 
							</a>
127 
							te <?= $item['infos']['localite'] ?>
 127 
							te <?= $item['infos']['localite'] ?>
128 
							op <?=$item['infos']['date']?>
128 
							op <?=$item['infos']['date']?>
129 
							<?php } else { ?>
 129 
							<?php } else { ?>
130 
								<?=$item['titre']?>
 130 
								<?=$item['titre']?>
131 
							<?php } ?>
 131 
							<?php } ?>
132 
						</strong><br />
 132 
						</strong><br />
133 
						<span class="cel-img-date">Gepubliceerd op <?=$item['date']?></span>
 133 
						<span class="cel-img-date">Gepubliceerd op <?=$item['date']?></span>
Line 151... Line 151...
151 
			 	</span>
 151 
			 	</span>
152 
			 	<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y te %H:%M:%S')?></span>
 152 
			 	<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y te %H:%M:%S')?></span>
153 
			 </p>
 153 
			 </p>
154 
			<script type="text/Javascript">
 154 
			<script type="text/Javascript">
155 
				//<![CDATA[
 155 
				//<![CDATA[
156 
				var utiliseFancybox = "<?= $utilise_fancybox; ?>";
156 
				var utiliseFancybox = "<?= $utilise_fancybox; ?>";
157 
				if(utiliseFancybox) {
 157 
				if(utiliseFancybox) {
158 
					$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
 158 
					$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
159 
						transitionIn:'elastic',
 159 
						transitionIn:'elastic',
160 
						transitionOut:'elastic',
 160 
						transitionOut:'elastic',
161 
						speedIn	:600,
161 
						speedIn	:600,
162 
						speedOut:200,
 162 
						speedOut:200,
163 
						overlayShow:true,
 163 
						overlayShow:true,
164 
						titleShow:true,
 164 
						titleShow:true,
165 
						titlePosition:'inside',
 165 
						titlePosition:'inside',
166 
						titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
 166 
						titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
167 
							var motif = /GUID : ([0-9]+)$/;
 167 
							var motif = /GUID : ([0-9]+)$/;
168 
							motif.exec(titre);
 168 
							motif.exec(titre);
169 
							var guid = RegExp.$1;
 169 
							var guid = RegExp.$1;
170 
							var info = $('#cel-info-'+guid).clone().html();
 170 
							var info = $('#cel-info-'+guid).clone().html();
171 
							var tpl =
171 
							var tpl =
172 
								'<div class="cel-legende">'+
 172 
								'<div class="cel-legende">'+
173 
								'<p class="cel-legende-vei">'+'Beeld nr.' + (currentIndex + 1) + ' op ' + currentArray.length +'<\/p>'+
173 
								'<p class="cel-legende-vei">'+'Beeld nr.' + (currentIndex + 1) + ' op ' + currentArray.length +'<\/p>'+
174 
								(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
 174 
								(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
175 
								'<\/div>';
 175 
								'<\/div>';
176 
							return tpl;
 176 
							return tpl;
Line 180... Line 180...
180 
					$('a.cel-img').click(function(event) {
 180 
					$('a.cel-img').click(function(event) {
181 
						ouvrirFenetrePopup($(this));
 181 
						ouvrirFenetrePopup($(this));
182 
						event.preventDefault();
 182 
						event.preventDefault();
183 
					});
 183 
					});
184 
				}
 184 
				}
185
185 
 
186 
				$(document).ready(function() {
 186 
				$(document).ready(function() {
187 
					$('a.cel-img-contact').live('click', function(event) {
 187 
					$('a.cel-img-contact').live('click', function(event) {
188 
						event.preventDefault();
 188 
						event.preventDefault();
189 
						ouvrirFenetreContact($(this));
 189 
						ouvrirFenetreContact($(this));
190 
					});
 190 
					});
191 
				});
 191 
				});
192
192 
 
193 
				function ouvrirFenetrePopup(lienImage) {
 193 
				function ouvrirFenetrePopup(lienImage) {
194 
					var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?= $galerie_id ?>';
 194 
					var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?= $galerie_id ?>';
195 
					window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
 195 
					window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
196 
				}
 196 
				}
197
197 
 
198 
				function ouvrirFenetreContact(lienImage) {
 198 
				function ouvrirFenetreContact(lienImage) {
199 
					var url = lienImage.attr("href");
 199 
					var url = lienImage.attr("href");
200 
					window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
 200 
					window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
201 
				}
 201 
				}
202 
				//]]>
 202 
				//]]>