Subversion Repositories eFlore/Applications.cel

Rev

Rev 580 | Rev 587 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 580 Rev 583
Line 26... Line 26...
26 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.2/jquery.fancybox-1.3.2.js"></script>
 26 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.2/jquery.fancybox-1.3.2.js"></script>
Line 27... Line 27...
27
27
28 
		<!-- Feuilles de styles -->
 28 
		<!-- Feuilles de styles -->
29 
		<link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.2/jquery.fancybox-1.3.2.css" media="screen" />
 29 
		<link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.2/jquery.fancybox-1.3.2.css" media="screen" />
- 
 
 30 
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>photo.css" media="screen" />
- 
 
 31 
		<style type="text/css">
- 
 
 32 
			#contenu, #galerie-photo{
- 
 
 33 
				width:<?=($colonne * 69)?>px;
- 
 
 34 
			}
- 
 
 35 
			#galerie-photo #photo-extra img{
- 
 
 36 
				width:<?=(($colonne * 63) + 18)?>px;
- 
 
 37 
			}
30 
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>photo.css" media="screen" />
 38 
		</style>
31 
	</head>
 39 
	</head>
32 
	<body>
 40 
	<body>
33 
		<!-- WIDGET:CEL:PHOTO - DEBUT -->
 41 
		<!-- WIDGET:CEL:PHOTO - DEBUT -->
34 
		<div id="contenu">
 42 
		<div id="contenu">
Line 51... Line 59...
51 
		 	<h1>
 59 
		 	<h1>
52 
		 		Dernières images du
60 
		 		Dernières images du
53 
		 		<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
 61 
		 		<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
54 
		 			CEL
 62 
		 			CEL
55 
		 		</a>
 63 
		 		</a>
56 
		 	</h1>
 64 
		 		<a href="<?=$flux_rss_url?>"
57 
			<p>
 - 
 
58 
				<a href="http://www.tela-botanica.org/eflore/cel2/jrest/CelSyndicationImage/complet/atom"
- 
 
59 
					id="flux-suivre"
65 
					id="flux-suivre"
60 
					title="Suivre les images"
66 
					title="Suivre les images"
61 
					onclick="window.open(this.href);return false;">
 67 
					onclick="window.open(this.href);return false;">
62 
					Suivre les images
 68 
					Suivre les images
63 
				</a>
 69 
				</a>
64 
			</p>
 70 
		 	</h1>
65 
			<div id="galerie-photo">
 71 
			<div id="galerie-photo">
66 
			<?php foreach ($items as $item) : ?>
 72 
			<?php foreach ($items as $item) : ?>
67 
				<div class="photo">
 73 
				<div class="photo">
68 
					<a href="<?=$item['lien']?>" class="cel-img" title="<?=sprintf($item['url_tpl'], 'L')?>" rel="galerie-princ">
 74 
					<a href="<?=$item['lien']?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ">
69 
						<img src="<?=sprintf($item['url_tpl'], 'M')?>" alt="<?=$item['titre']?>"/>
 75 
						<img src="<?=sprintf($item['url_tpl'], 'S')?>" alt="<?=$item['titre']?>"/>
70 
					</a>
 76 
					</a>
71 
					<div style="display: none;">
 - 
 
72 
						<div id="cel-obs-<?=$item['guid']?>" class="infos">
 77 
					<div id="cel-info-<?=$item['guid']?>" class="infos">
- 
 
 78 
						<strong>
73 
							<a href="<?=$item['lien']?>">
 79 
							<a class="img-titre" href="<?=$item['eflore_url']?>"
74 
								<span class="img-titre"><?=$item['titre']?></span><br />
 80 
								onclick="window.open(this.href);return false;"
75 
								<span class="img-date">Publiée le <?=$item['date']?></span><br />
 81 
								title="Cliquez pour accéder à la fiche eFlore">
76 
		 						Cliquez pour voir le détail
 82 
								<?=$item['titre']?>
77 
		 					</a>
 83 
							</a>
78 
		 				</div>
 84 
						</strong><br />
- 
 
 85 
						<span class="img-date">Publiée le <?=$item['date']?></span>
79 
					</div>
 86 
		 			</div>
80 
				</div>
 87 
				</div>
81 
			<?php endforeach; ?>
 88 
			<?php endforeach; ?>
82 
			<?php if ($extra_actif) : ?>
 89 
			<?php if ($extra_actif) : ?>
83 
				<div id="photo-extra" class="photo">
 90 
				<div id="photo-extra" class="photo">
84 
					<a href="<?=$extra['lien']?>" class="cel-img" title="<?=sprintf($extra['url_tpl'], 'L')?>" rel="galerie-princ">
 91 
					<a href="<?=$extra['lien']?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ">
85 
						<img src="<?=sprintf($extra['url_tpl'], 'M')?>" alt="<?=$extra['titre']?>"/>
 92 
						<img src="<?=sprintf($extra['url_tpl'], 'M')?>" alt="<?=$extra['titre']?>"/>
86 
					</a>
 93 
					</a>
87 
					<div style="display: none;">
 - 
 
88 
						<div id="cel-obs-extra" class="infos">
 - 
 
89 
							<a href="<?=$extra['lien']?>">
 - 
 
90 
								<span class="img-titre"><?=$extra['titre']?></span><br />
 - 
 
91 
								<span class="img-date">Publiée le <?=$extra['date']?></span><br />
 - 
 
92 
		 						Cliquez pour voir le détail
 - 
 
93 
		 					</a>
 - 
 
94 
		 				</div>
 - 
 
95 
					</div>
 - 
 
96 
				</div>
 94 
				</div>
97 
			</div>
 95 
			</div>
98 
			<?php endif ?>
 96 
			<?php endif ?>
99 
			<p id="date-generation" class="discretion">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p>
 97 
			<p id="date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p>
100 
			<script type="text/Javascript">
 98 
			<script type="text/Javascript">
101 
				//<![CDATA[
99 
				//<![CDATA[
- 
 
 100 
				var $doc = window.document;
- 
 
 101 
				function formaterTitre(titre, currentArray, currentIndex, currentOpts) {
- 
 
 102 
    				var motif = /GUID : ([0-9]+)$/;
- 
 
 103 
    				motif.exec(titre);
- 
 
 104 
    				var guid = 'cel-info-'+RegExp.$1;
- 
 
 105 
					var info = $('#'+guid, $doc).html();
- 
 
 106 
    				var tpl =
- 
 
 107 
    					'<div id="legende">'+
- 
 
 108 
						'<p id="legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
- 
 
 109 
						(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
- 
 
 110 
						'<\/div>';
- 
 
 111 
					return tpl;
- 
 
 112 
				}
- 
 
 113 
				(function($, originalInit) {
- 
 
 114 
					parent.jQuery.fn.init = function(selector, context) {
- 
 
 115 
						//alert('hello: ' + originalInit);
- 
 
 116 
						return new originalInit(selector, context || $doc);
- 
 
 117 
					};
- 
 
 118
102 
				$(document).ready(function() {
 119 
					$(window).load(function() {
103 
					$("a.cel-img").fancybox({
 120 
						$('a.cel-img', $doc).attr('rel', 'galerie-princ').fancybox({
104 
						transitionIn : 'elastic',
 121 
							transitionIn : 'elastic',
105 
						transitionOut : 'elastic',
 122 
							transitionOut : 'elastic',
106 
						speedIn	 : 600,
123 
							speedIn	 : 600,
107 
						speedOut : 200,
124 
							speedOut : 200,
108 
						overlayShow : true
 125 
							overlayShow : true,
- 
 
 126 
							titlePosition : 'inside',
- 
 
 127 
							titleFormat : formaterTitre
- 
 
 128 
						});
109 
					});
 129 
					});
110 
				});
 130 
				}(parent.jQuery, parent.jQuery.fn.init));
111 
				//]]>
 131 
				//]]>
112 
			</script>
 132 
			</script>
113 
	   	<?php endif; ?>
 133 
	   	<?php endif; ?>
114 
		</div>
 134 
		</div>
115 
		<!-- WIDGET:CEL:PHOTO - FIN -->
 135 
		<!-- WIDGET:CEL:PHOTO - FIN -->