28,6 → 28,14 |
<!-- Feuilles de styles --> |
<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" /> |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>photo.css" media="screen" /> |
<style type="text/css"> |
#contenu, #galerie-photo{ |
width:<?=($colonne * 69)?>px; |
} |
#galerie-photo #photo-extra img{ |
width:<?=(($colonne * 63) + 18)?>px; |
} |
</style> |
</head> |
<body> |
<!-- WIDGET:CEL:PHOTO - DEBUT --> |
53,61 → 61,73 |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
</h1> |
<p> |
<a href="http://www.tela-botanica.org/eflore/cel2/jrest/CelSyndicationImage/complet/atom" |
<a href="<?=$flux_rss_url?>" |
id="flux-suivre" |
title="Suivre les images" |
onclick="window.open(this.href);return false;"> |
Suivre les images |
</a> |
</p> |
</h1> |
<div id="galerie-photo"> |
<?php foreach ($items as $item) : ?> |
<div class="photo"> |
<a href="<?=$item['lien']?>" class="cel-img" title="<?=sprintf($item['url_tpl'], 'L')?>" rel="galerie-princ"> |
<img src="<?=sprintf($item['url_tpl'], 'M')?>" alt="<?=$item['titre']?>"/> |
<a href="<?=$item['lien']?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ"> |
<img src="<?=sprintf($item['url_tpl'], 'S')?>" alt="<?=$item['titre']?>"/> |
</a> |
<div style="display: none;"> |
<div id="cel-obs-<?=$item['guid']?>" class="infos"> |
<a href="<?=$item['lien']?>"> |
<span class="img-titre"><?=$item['titre']?></span><br /> |
<span class="img-date">Publiée le <?=$item['date']?></span><br /> |
Cliquez pour voir le détail |
</a> |
</div> |
</div> |
<div id="cel-info-<?=$item['guid']?>" class="infos"> |
<strong> |
<a class="img-titre" href="<?=$item['eflore_url']?>" |
onclick="window.open(this.href);return false;" |
title="Cliquez pour accéder à la fiche eFlore"> |
<?=$item['titre']?> |
</a> |
</strong><br /> |
<span class="img-date">Publiée le <?=$item['date']?></span> |
</div> |
</div> |
<?php endforeach; ?> |
<?php if ($extra_actif) : ?> |
<div id="photo-extra" class="photo"> |
<a href="<?=$extra['lien']?>" class="cel-img" title="<?=sprintf($extra['url_tpl'], 'L')?>" rel="galerie-princ"> |
<a href="<?=$extra['lien']?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ"> |
<img src="<?=sprintf($extra['url_tpl'], 'M')?>" alt="<?=$extra['titre']?>"/> |
</a> |
<div style="display: none;"> |
<div id="cel-obs-extra" class="infos"> |
<a href="<?=$extra['lien']?>"> |
<span class="img-titre"><?=$extra['titre']?></span><br /> |
<span class="img-date">Publiée le <?=$extra['date']?></span><br /> |
Cliquez pour voir le détail |
</a> |
</div> |
</div> |
</div> |
</div> |
<?php endif ?> |
<p id="date-generation" class="discretion">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p> |
<p id="date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p> |
<script type="text/Javascript"> |
//<![CDATA[ |
$(document).ready(function() { |
$("a.cel-img").fancybox({ |
transitionIn : 'elastic', |
transitionOut : 'elastic', |
speedIn : 600, |
speedOut : 200, |
overlayShow : true |
//<![CDATA[ |
var $doc = window.document; |
function formaterTitre(titre, currentArray, currentIndex, currentOpts) { |
var motif = /GUID : ([0-9]+)$/; |
motif.exec(titre); |
var guid = 'cel-info-'+RegExp.$1; |
var info = $('#'+guid, $doc).html(); |
var tpl = |
'<div id="legende">'+ |
'<p id="legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+ |
(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+ |
'<\/div>'; |
return tpl; |
} |
(function($, originalInit) { |
parent.jQuery.fn.init = function(selector, context) { |
//alert('hello: ' + originalInit); |
return new originalInit(selector, context || $doc); |
}; |
|
$(window).load(function() { |
$('a.cel-img', $doc).attr('rel', 'galerie-princ').fancybox({ |
transitionIn : 'elastic', |
transitionOut : 'elastic', |
speedIn : 600, |
speedOut : 200, |
overlayShow : true, |
titlePosition : 'inside', |
titleFormat : formaterTitre |
}); |
}); |
}); |
}(parent.jQuery, parent.jQuery.fn.init)); |
//]]> |
</script> |
<?php endif; ?> |