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