Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 687 Rev 879
Line 1... Line 1...
1 
<!-- WIDGET:CEL:PHOTO - DEBUT -->
 1 
<!-- WIDGET:CEL:PHOTO - DEBUT -->
2 
<div id="cel-photo-contenu">
 2 
<div id="cel-photo-contenu<?=$id?>" class="cel-photo-contenu">
3 
	<!-- Feuilles de styles -->
 3 
	<!-- Feuilles de styles -->
4 
	<style type="text/css">
 4 
	<style type="text/css">
5 
		#cel-photo-contenu, #cel-galerie-photo{
 5 
		#cel-photo-contenu<?=$id?>, #cel-galerie-photo<?=$id?>{
6 
			width:<?=(($colonne * 69))?>px;
 6 
			width:<?=(($colonne * 69))?>px;
7 
		}
 7 
		}
8 
		#cel-galerie-photo #cel-photo-extra img{
 8 
		#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{
9 
			width:<?=(($colonne * 69)-6)?>px;
 9 
			width:<?=(($colonne * 69)-6)?>px;
10 
		}
 10 
		}
11 
	</style>
 11 
	</style>
12 
	<!-- Javascript : bibliothèques -->
 - 
 
13 
	<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
 - 
 
14 
 
 12
15 
<?php if (isset($erreurs) || isset($informations)) : ?>
 13 
<?php if (isset($erreurs) || isset($informations)) : ?>
16 
	<h1>Erreur &amp; informations</h1>
 14 
	<h1>Erreur &amp; informations</h1>
17 
	<p>Impossible d'afficher le flux.</p>
 15 
	<p>Impossible d'afficher le flux.</p>
18 
	<!-- Affichage des erreurs et messages d'information : -->
 16 
	<!-- Affichage des erreurs et messages d'information : -->
19 
	<?php if ($erreurs) : ?>
 17 
	<?php if ($erreurs) : ?>
Line 27... Line 25...
27 
			<p class="info"><?=$information;?></p>
 25 
			<p class="info"><?=$information;?></p>
28 
		<?php endforeach; ?>
 26 
		<?php endforeach; ?>
29 
	<?php endif; ?>
 27 
	<?php endif; ?>
30 
<?php else : ?>
 28 
<?php else : ?>
31 
 	<h1>
 29 
 	<h1>
- 
 
 30 
 		<? if (!empty($titre)) : ?>
- 
 
 31 
 			<?=$titre?>
- 
 
 32 
 		<? else : ?>
32 
 		Dernières images du
33 
	 		Dernières images du
33 
 		<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
 34 
	 		<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
34 
 			CEL
 35 
	 			CEL
35 
 		</a>
 36 
	 		</a>
- 
 
 37 
 		<? endif; ?>
36 
 		<a href="<?=$flux_rss_url?>"
38 
 		<a href="<?=$flux_rss_url?>"
37 
			id="cel-photo-flux"
39 
			class="cel-photo-flux<?=$id?>"
38 
			title="Suivre les images"
40 
			title="Suivre les images"
39 
			onclick="window.open(this.href);return false;">
 41 
			onclick="window.open(this.href);return false;">
40 
			<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
 42 
			<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
41 
		</a>
 43 
		</a>
42 
 	</h1>
 44 
 	</h1>
43 
	<div id="cel-galerie-photo">
 45 
	<div id="cel-galerie-photo<?=$id?>">
44 
	<?php foreach ($items as $item) : ?>
 46 
	<?php foreach ($items as $item) : ?>
45 
		<div class="cel-photo">
 47 
		<div class="cel-photo">
46 
			<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ">
 48 
			<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?>">
47 
				<img src="<?=sprintf($item['url_tpl'], 'CRX2S')?>" alt="<?=$item['titre']?>"/>
 49 
				<img src="<?=sprintf($item['url_tpl'], 'CRX2S')?>" alt="<?=$item['titre']?>"/>
48 
			</a>
 50 
			</a>
49 
			<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
 51 
			<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
50 
				<strong>
 52 
				<strong>
51 
					<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
 53 
					<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
Line 57... Line 59...
57 
				<span class="cel-img-date">Publiée le <?=$item['date']?></span>
 59 
				<span class="cel-img-date">Publiée le <?=$item['date']?></span>
58 
 			</div>
 60 
 			</div>
59 
		</div>
 61 
		</div>
60 
	<?php endforeach; ?>
 62 
	<?php endforeach; ?>
61 
	<?php if ($extra_actif) : ?>
 63 
	<?php if ($extra_actif) : ?>
62 
		<div id="cel-photo-extra" class="cel-photo">
 64 
		<div id="cel-photo-extra<?=$id?>" class="cel-photo cel-photo-extra">
63 
			<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ">
 65 
			<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?>">
64 
				<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/>
 66 
				<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/>
65 
			</a>
 67 
			</a>
66 
		</div>
 68 
		</div>
67 
	</div>
 69 
	</div>
68 
	<?php endif ?>
 70 
	<?php endif ?>
- 
 
 71 
	<p class="cel-photo-pieds discretion nettoyage">
- 
 
 72 
		<span class="cel-photo-source">
- 
 
 73 
			Source :
- 
 
 74 
			<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
- 
 
 75 
		 		CEL
- 
 
 76 
		 	</a>
- 
 
 77 
	 	</span>
69 
	<p id="cel-photo-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p>
 78 
	 	<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></span>
- 
 
 79 
	 </p>
70 
	<script type="text/Javascript">
 80 
	<script type="text/Javascript">
71 
		//<![CDATA[
 81 
		//<![CDATA[
72 
		function formaterTitre(titre, currentArray, currentIndex, currentOpts) {
 - 
 
73 
			var motif = /GUID : ([0-9]+)$/;
 - 
 
74 
			motif.exec(titre);
 - 
 
75 
			var guid = RegExp.$1;
 - 
 
76 
			var info = $('#cel-info-'+guid).clone().html();
 - 
 
77 
			var tpl =
- 
 
78 
				'<div id="cel-legende">'+
 - 
 
79 
				'<p id="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
- 
 
80 
				(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
 - 
 
81 
				'<\/div>';
 - 
 
82 
			return tpl;
 - 
 
83 
		}
 82
Line 84... Line 83...
84
83
85 
		$(document).ready(function() {
 84 
		$(document).ready(function() {
86 
			$('a.cel-img').attr('rel', 'galerie-princ').fancybox({
 85 
			$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
87 
				transitionIn:'elastic',
 86 
				transitionIn:'elastic',
88 
				transitionOut:'elastic',
 87 
				transitionOut:'elastic',
89 
				speedIn	:600,
88 
				speedIn	:600,
90 
				speedOut:200,
 89 
				speedOut:200,
91 
				overlayShow:true,
 90 
				overlayShow:true,
92 
				titleShow:true,
 91 
				titleShow:true,
- 
 
 92 
				titlePosition:'inside',
- 
 
 93 
				titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
93 
				titlePosition:'inside',
 94 
					var motif = /GUID : ([0-9]+)$/;
- 
 
 95 
					motif.exec(titre);
- 
 
 96 
					var guid = RegExp.$1;
- 
 
 97 
					var info = $('#cel-info-'+guid).clone().html();
- 
 
 98 
					var tpl =
- 
 
 99 
						'<div class="cel-legende">'+
- 
 
 100 
						'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
- 
 
 101 
						(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
- 
 
 102 
						'<\/div>';
- 
 
 103 
					return tpl;
94 
				titleFormat:formaterTitre
 104 
				}
95 
			});
 105 
			});
96 
		});
 106 
		});
97 
		//]]>
 107 
		//]]>
98 
	</script>
 108 
	</script>