Subversion Repositories eFlore/Applications.cel

Rev

Rev 2587 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
587 jpm 1
<!-- WIDGET:CEL:PHOTO - DEBUT -->
879 jpm 2
<div id="cel-photo-contenu<?=$id?>" class="cel-photo-contenu">
587 jpm 3
	<!-- Feuilles de styles -->
4
	<style type="text/css">
879 jpm 5
		#cel-photo-contenu<?=$id?>, #cel-galerie-photo<?=$id?>{
587 jpm 6
			width:<?=(($colonne * 69))?>px;
7
		}
879 jpm 8
		#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{
587 jpm 9
			width:<?=(($colonne * 69)-6)?>px;
10
		}
11
	</style>
879 jpm 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) : ?>
19
			<p class="erreur"><?=$erreur;?></p>
20
		<?php endforeach; ?>
21
	<?php endif; ?>
22
 
23
	<?php if ($informations) : ?>
24
		<?php foreach ($informations as $information) : ?>
25
			<p class="info"><?=$information;?></p>
26
		<?php endforeach; ?>
27
	<?php endif; ?>
28
<?php else : ?>
29
 	<h1>
879 jpm 30
 		<? if (!empty($titre)) : ?>
1480 aurelien 31
 			<?=$titre?>
32
 		<? endif ; ?>
33
 		<? if($icone_rss) : ?>
587 jpm 34
 		<a href="<?=$flux_rss_url?>"
1480 aurelien 35
			class="cel-photo-flux"
587 jpm 36
			title="Suivre les images"
37
			onclick="window.open(this.href);return false;">
38
			<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
39
		</a>
1480 aurelien 40
		<? endif; ?>
587 jpm 41
 	</h1>
879 jpm 42
	<div id="cel-galerie-photo<?=$id?>">
587 jpm 43
	<?php foreach ($items as $item) : ?>
44
		<div class="cel-photo">
879 jpm 45
			<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ<?=$id?>">
686 jpm 46
				<img src="<?=sprintf($item['url_tpl'], 'CRX2S')?>" alt="<?=$item['titre']?>"/>
587 jpm 47
			</a>
48
			<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
49
				<strong>
1495 aurelien 50
					<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') { ?>
51
					<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
52
						onclick="window.open(this.href);return false;"
53
						title="Cliquez pour accéder à la fiche eFlore">
54
						<?=$item['infos']['nom_sci']?>
55
					</a> par
56
					<a class="cel-img-contact"
57
						href="<?= $url_widget ?>?mode=contact&nn=<?= urlencode($item['infos']['nn']) ;?>&nom_sci=<?= urlencode($item['infos']['nom_sci']) ;?>&date=<?= urlencode($item['infos']['date']) ;?>&id_image=<?= $item['guid']; ?>"
58
						title="Cliquez pour contacter l'auteur de la photo">
59
						<?=$item['infos']['auteur']?>
60
					</a>
2587 mathias 61
					<?php if (! empty($item['infos']['localite'])): ?>
62
						à <?= $item['infos']['localite'] ?>
63
					<?php endif; ?>
1495 aurelien 64
					le <?=$item['infos']['date']?>
1451 aurelien 65
					<?php } else { ?>
587 jpm 66
						<?=$item['titre']?>
1451 aurelien 67
					<?php } ?>
587 jpm 68
				</strong><br />
69
				<span class="cel-img-date">Publiée le <?=$item['date']?></span>
70
 			</div>
71
		</div>
72
	<?php endforeach; ?>
73
	<?php if ($extra_actif) : ?>
879 jpm 74
		<div id="cel-photo-extra<?=$id?>" class="cel-photo cel-photo-extra">
75
			<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ<?=$id?>">
686 jpm 76
				<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/>
587 jpm 77
			</a>
78
		</div>
79
	</div>
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>
88
	 	<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></span>
89
	 </p>
587 jpm 90
	<script type="text/Javascript">
91
		//<![CDATA[
1480 aurelien 92
		var utiliseFancybox = "<?= $utilise_fancybox; ?>";
93
		if(utiliseFancybox) {
94
			$(document).ready(function() {
95
				$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
96
					transitionIn:'elastic',
97
					transitionOut:'elastic',
98
					speedIn	:600,
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();
108
						var tpl =
109
							'<div class="cel-legende">'+
110
							'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
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
		}
1495 aurelien 123
 
124
		$(document).ready(function() {
125
			$('a.cel-img-contact').live('click', function(event) {
126
				event.preventDefault();
127
				ouvrirFenetreContact($(this));
128
			});
129
		});
130
 
1480 aurelien 131
		function ouvrirFenetrePopup(lienImage) {
1495 aurelien 132
			var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?= $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
		}
1495 aurelien 135
 
136
 
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>
143
<?php endif; ?>
144
</div>
145
<!-- WIDGET:CEL:PHOTO - FIN -->