Subversion Repositories eFlore/Applications.cel

Rev

Rev 2993 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
587 jpm 1
<!-- WIDGET:CEL:PHOTO - DEBUT -->
3630 idir 2
<div id="cel-photo-contenu<?php echo $id;?>" class="cel-photo-contenu">
587 jpm 3
	<!-- Feuilles de styles -->
4
	<style type="text/css">
3630 idir 5
		#cel-photo-contenu<?php echo $id;?>, #cel-galerie-photo<?php echo $id;?>{
6
			width:<?php echo (($colonne * 69));?>px;
587 jpm 7
		}
3630 idir 8
		#cel-galerie-photo<?php echo $id;?> #cel-photo-extra<?php echo $id;?> img{
9
			width:<?php echo (($colonne * 69)-6);?>px;
587 jpm 10
		}
11
	</style>
3630 idir 12
 
587 jpm 13
<?php if (isset($erreurs) || isset($informations)) : ?>
14
	<h1>Erreur &amp; informations</h1>
15
	<p>Impossible d'afficher le flux.</p>
16
	<!-- Affichage des erreurs et messages d'information : -->
17
	<?php if ($erreurs) : ?>
18
		<?php foreach ($erreurs as $erreur) : ?>
3630 idir 19
			<p class="erreur"><?php echo $erreur;?></p>
20
		<?php endforeach;?>
21
	<?php endif;?>
22
 
587 jpm 23
	<?php if ($informations) : ?>
24
		<?php foreach ($informations as $information) : ?>
3630 idir 25
			<p class="info"><?php echo $information;?></p>
26
		<?php endforeach;?>
27
	<?php endif;?>
587 jpm 28
<?php else : ?>
29
 	<h1>
3630 idir 30
 		<?php if (!empty($titre)) : ?>
31
 			<?php echo $titre;?>
32
 		<?php endif;?>
33
 		<?php if ($icone_rss) : ?>
34
 		<a href="<?php echo $flux_rss_url;?>"
35
			class="cel-photo-flux"
36
			title="Suivre les images"
587 jpm 37
			onclick="window.open(this.href);return false;">
2993 mathias 38
			<img src="https://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
587 jpm 39
		</a>
3630 idir 40
		<? endif;?>
587 jpm 41
 	</h1>
3630 idir 42
	<div id="cel-galerie-photo<?php echo $id;?>">
587 jpm 43
	<?php foreach ($items as $item) : ?>
44
		<div class="cel-photo">
3630 idir 45
			<a href="<?php echo sprintf($item['url_tpl'], 'XL');?>" class="cel-img" title="<?php echo $item['titre'];?> - Publiée le <?php echo $item['date'];?> - GUID : <?php echo $item['guid'];?>" rel="galerie-princ<?php echo $id;?>">
46
				<img src="<?php echo sprintf($item['url_tpl'], 'CRX2S');?>" alt="<?php echo $item['titre'];?>"/>
587 jpm 47
			</a>
3630 idir 48
			<div id="cel-info-<?php echo $item['guid'];?>" class="cel-infos">
587 jpm 49
				<strong>
3630 idir 50
					<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') : ?>
51
						<a class="cel-img-titre" href="<?php echo $item['eflore_url'];?>"
52
							onclick="window.open(this.href);return false;"
53
							title="Cliquez pour accéder à la fiche eFlore">
54
							<?php echo $item['infos']['nom_sci'];?>
55
						</a> par
56
						<a class="cel-img-contact"
57
							href="<?php echo $url_widget;?>?mode=contact&nn=<?php echo urlencode($item['infos']['nn']);?>&nom_sci=<?php echo urlencode($item['infos']['nom_sci']);?>&date=<?php echo urlencode($item['infos']['date']);?>&id_image=<?php echo  $item['guid'];?>"
58
							title="Cliquez pour contacter l'auteur de la photo">
59
							<?php echo $item['infos']['auteur'];?>
60
						</a>
61
						<?php if (! empty($item['infos']['localite'])) : ?>
62
							à <?php echo $item['infos']['localite'];?>
63
						<?php endif;?>
64
							le <?php echo $item['infos']['date'];?>
65
						<?php else : ?>
66
							<?php echo $item['titre'];?>
67
					<?php endif;?>
68
				</strong><br>
69
				<span class="cel-img-date">Publiée le <?php echo $item['date'];?></span>
587 jpm 70
 			</div>
71
		</div>
3630 idir 72
	<?php endforeach;?>
587 jpm 73
	<?php if ($extra_actif) : ?>
3630 idir 74
		<div id="cel-photo-extra<?php echo $id;?>" class="cel-photo cel-photo-extra">
75
			<a href="<?php echo sprintf($extra['url_tpl'], 'XL');?>" class="cel-img" title="<?php echo $extra['titre'];?> - Publiée le <?php echo $extra['date'];?> - GUID : <?php echo $extra['guid'];?>" rel="galerie-princ<?php echo $id;?>">
76
				<img src="<?php echo sprintf($extra['url_tpl'], 'CRS');?>" alt="<?php echo $extra['titre'];?>"/>
587 jpm 77
			</a>
78
		</div>
79
	</div>
3630 idir 80
	<?php endif;?>
879 jpm 81
	<p class="cel-photo-pieds discretion nettoyage">
82
		<span class="cel-photo-source">
83
			Source :
1480 aurelien 84
			<a href="http://www.tela-botanica.org/page:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
879 jpm 85
		 		CEL
86
		 	</a>
87
	 	</span>
3630 idir 88
	 	<span class="cel-photo-date-generation">Au <?php echo strftime('%A %d %B %Y à %H:%M:%S');?></span>
879 jpm 89
	 </p>
587 jpm 90
	<script type="text/Javascript">
91
		//<![CDATA[
3630 idir 92
		var utiliseFancybox = "<?php echo $utilise_fancybox;?>";
93
		if(utiliseFancybox) {
1480 aurelien 94
			$(document).ready(function() {
3630 idir 95
				$('a.cel-img').attr('rel', "galerie-princ<?php echo $id;?>").fancybox({
1480 aurelien 96
					transitionIn:'elastic',
97
					transitionOut:'elastic',
3630 idir 98
					speedIn	:600,
1480 aurelien 99
					speedOut:200,
100
					overlayShow:true,
101
					titleShow:true,
102
					titlePosition:'inside',
103
					titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
104
						var motif = /GUID : ([0-9]+)$/;
105
						motif.exec(titre);
106
						var guid = RegExp.$1;
107
						var info = $('#cel-info-'+guid).clone().html();
3630 idir 108
						var tpl =
1480 aurelien 109
							'<div class="cel-legende">'+
3630 idir 110
							'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
1480 aurelien 111
							(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
112
							'<\/div>';
113
						return tpl;
114
					}
115
				});
587 jpm 116
			});
1480 aurelien 117
		} else {
118
			$('a.cel-img').click(function(event) {
119
				ouvrirFenetrePopup($(this));
120
				event.preventDefault();
121
			});
122
		}
3630 idir 123
 
1495 aurelien 124
		$(document).ready(function() {
125
			$('a.cel-img-contact').live('click', function(event) {
126
				event.preventDefault();
127
				ouvrirFenetreContact($(this));
128
			});
129
		});
3630 idir 130
 
1480 aurelien 131
		function ouvrirFenetrePopup(lienImage) {
3630 idir 132
			var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?php echo $galerie_id;?>';
1480 aurelien 133
			window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
134
		}
3630 idir 135
 
136
 
1495 aurelien 137
		function ouvrirFenetreContact(lienImage) {
138
			var url = lienImage.attr("href");
139
			window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
140
		}
587 jpm 141
		//]]>
142
	</script>
3630 idir 143
<?php endif;?>
587 jpm 144
</div>
3630 idir 145
<!-- WIDGET:CEL:PHOTO - FIN -->