Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | 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>
1462 aurelien 50
					<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '' && $item['eflore_url'] != 'http://www.tela-botanica.org/bdtfx-nn-0') { ?>
1451 aurelien 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['titre']?>
55
						</a>
56
					<?php } else { ?>
587 jpm 57
						<?=$item['titre']?>
1451 aurelien 58
					<?php } ?>
587 jpm 59
				</strong><br />
60
				<span class="cel-img-date">Publiée le <?=$item['date']?></span>
61
 			</div>
62
		</div>
63
	<?php endforeach; ?>
64
	<?php if ($extra_actif) : ?>
879 jpm 65
		<div id="cel-photo-extra<?=$id?>" class="cel-photo cel-photo-extra">
66
			<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 67
				<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/>
587 jpm 68
			</a>
69
		</div>
70
	</div>
71
	<?php endif ?>
879 jpm 72
	<p class="cel-photo-pieds discretion nettoyage">
73
		<span class="cel-photo-source">
74
			Source :
1480 aurelien 75
			<a href="http://www.tela-botanica.org/page:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
879 jpm 76
		 		CEL
77
		 	</a>
78
	 	</span>
79
	 	<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></span>
80
	 </p>
587 jpm 81
	<script type="text/Javascript">
82
		//<![CDATA[
1480 aurelien 83
		var utiliseFancybox = "<?= $utilise_fancybox; ?>";
84
		if(utiliseFancybox) {
85
			$(document).ready(function() {
86
				$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
87
					transitionIn:'elastic',
88
					transitionOut:'elastic',
89
					speedIn	:600,
90
					speedOut:200,
91
					overlayShow:true,
92
					titleShow:true,
93
					titlePosition:'inside',
94
					titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
95
						var motif = /GUID : ([0-9]+)$/;
96
						motif.exec(titre);
97
						var guid = RegExp.$1;
98
						var info = $('#cel-info-'+guid).clone().html();
99
						var tpl =
100
							'<div class="cel-legende">'+
101
							'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
102
							(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
103
							'<\/div>';
104
						return tpl;
105
					}
106
				});
587 jpm 107
			});
1480 aurelien 108
		} else {
109
			$('a.cel-img').click(function(event) {
110
				ouvrirFenetrePopup($(this));
111
				event.preventDefault();
112
			});
113
		}
114
 
115
		function ouvrirFenetrePopup(lienImage) {
116
			var url = "?mode=popup&url_image="+lienImage.attr('href');
117
			window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
118
		}
587 jpm 119
		//]]>
120
	</script>
121
<?php endif; ?>
122
</div>
123
<!-- WIDGET:CEL:PHOTO - FIN -->