Line 17... |
Line 17... |
17 |
<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
|
17 |
<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
|
18 |
<meta property="og:type" content="website" />
|
18 |
<meta property="og:type" content="website" />
|
19 |
<meta property="og:title" content="Widget photo du CeL" />
|
19 |
<meta property="og:title" content="Widget photo du CeL" />
|
20 |
<meta property="og:site_name" content="Tela Botanica" />
|
20 |
<meta property="og:site_name" content="Tela Botanica" />
|
21 |
<meta property="og:description" content="Mini-galerie photo des observations publiques du Carnet en Ligne" />
|
21 |
<meta property="og:description" content="Mini-galerie photo des observations publiques du Carnet en Ligne" />
|
22 |
<?php
|
- |
|
23 |
if (isset($items[0])) {
|
22 |
<?php if (isset($items[0])) : ?>
|
24 |
$iz = $items[0];
|
- |
|
25 |
$izUrl = sprintf($iz['url_tpl'], 'CRS');
|
- |
|
26 |
echo '<meta property="og:image" content="' . $izUrl . '" />';
|
23 |
<meta property="og:image" content="<?php echo sprintf($items[0]['url_tpl'], 'CRS'); ?>" />';
|
27 |
} else {
|
24 |
<?php else : ?>
|
28 |
echo '<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />'
|
25 |
<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
|
29 |
.'<meta property="og:image:type" content="image/png" />'
|
26 |
<meta property="og:image:type" content="image/png" />
|
30 |
.'<meta property="og:image:width" content="256" />'
|
27 |
<meta property="og:image:width" content="256" />
|
31 |
.'<meta property="og:image:height" content="256" />';
|
28 |
<meta property="og:image:height" content="256" />
|
32 |
}
|
- |
|
33 |
?>
|
29 |
<?php endif; ?>
|
34 |
<meta property="og:locale" content="fr_FR" />
|
30 |
<meta property="og:locale" content="fr_FR" />
|
Line 35... |
Line 31... |
35 |
|
31 |
|
36 |
<!-- Spécial mobile -->
|
32 |
<!-- Spécial mobile -->
|
Line 42... |
Line 38... |
42 |
<!-- Jquery-ui custom css-->
|
38 |
<!-- Jquery-ui custom css-->
|
43 |
<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
|
39 |
<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
|
44 |
<!-- Bootstrap CSS -->
|
40 |
<!-- Bootstrap CSS -->
|
45 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
|
41 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
|
46 |
<!-- Fontawesome -->
|
42 |
<!-- Fontawesome -->
|
47 |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
43 |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous" />
|
- |
|
44 |
<!-- Leaflet -->
|
- |
|
45 |
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
|
Line 48... |
Line 46... |
48 |
|
46 |
|
49 |
<!-- Feuilles de styles -->
|
47 |
<!-- Feuilles de styles -->
|
50 |
<link rel="stylesheet" type="text/css" href="<?php echo $url_css; ?>photo.css" media="screen" />
|
48 |
<link rel="stylesheet" type="text/css" href="<?php echo $url_css; ?>photo.css" media="screen" />
|
51 |
<link rel="stylesheet" type="text/css" href="<?php echo $url_css; ?>popup.css" media="screen" />
|
49 |
<link rel="stylesheet" type="text/css" href="<?php echo $url_css; ?>popup.css" media="screen" />
|
Line 86... |
Line 84... |
86 |
<!-- Bootstrap -->
|
84 |
<!-- Bootstrap -->
|
87 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
|
85 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
|
88 |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
86 |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
89 |
<!-- Masonry -->
|
87 |
<!-- Masonry -->
|
90 |
<script src="<?php echo $url_js; ?>masonry.pkgd.js"></script>
|
88 |
<script src="<?php echo $url_js; ?>masonry.pkgd.js"></script>
|
- |
|
89 |
<!-- Leaflet -->
|
- |
|
90 |
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
|
- |
|
91 |
|
91 |
<!-- Script WidgetPhoto -->
|
92 |
<!-- Script WidgetPhoto -->
|
92 |
<script type="text/Javascript" src="<?php echo $url_js; ?>WidgetPhotoCommun.js"></script>
|
93 |
<script type="text/Javascript" src="<?php echo $url_js; ?>WidgetPhotoCommun.js"></script>
|
93 |
<script type="text/Javascript" src="<?php echo $url_js; ?>WidgetPhoto.js"></script>
|
94 |
<script type="text/Javascript" src="<?php echo $url_js; ?>WidgetPhoto.js"></script>
|
94 |
<script type="text/javascript" src="<?php echo $url_js; ?>WidgetPhotoPopup.js"></script>
|
95 |
<script type="text/javascript" src="<?php echo $url_js; ?>WidgetPhotoPopup.js"></script>
|
95 |
<script type="text/javascript" src="<?php echo $url_js; ?>WidgetPhotoContact.js"></script>
|
96 |
<script type="text/javascript" src="<?php echo $url_js; ?>WidgetPhotoContact.js"></script>
|
Line 234... |
Line 235... |
234 |
$dimention_img = 'CRL';
|
235 |
$dimention_img = 'CRL';
|
235 |
$class_extra = ' grid-item--width2 grid-item--height2';
|
236 |
$class_extra = ' grid-item--width2 grid-item--height2';
|
236 |
?>
|
237 |
?>
|
237 |
<?php endif; ?>
|
238 |
<?php endif; ?>
|
238 |
<div class="cel-photo grid-item <?php echo $class_extra; ?>">
|
239 |
<div class="cel-photo grid-item <?php echo $class_extra; ?>">
|
239 |
<a href="<?php echo sprintf($item['url_tpl'], 'O'); ?>" 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; ?>">
|
240 |
<a href="<?php echo sprintf($item['url_tpl'], 'O'); ?>" class="cel-img" title="<?php echo $item['titre']; ?> - Publiée le <?php echo $item['date_redige']; ?> - GUID : <?php echo $item['id_photo_formate']; ?>" rel="galerie-princ<?php echo $id; ?>">
|
240 |
<img src="<?php echo sprintf($item['url_tpl'], $dimention_img); ?>" alt="<?php echo $item['titre']; ?>">
|
241 |
<img src="<?php echo sprintf($item['url_tpl'], $dimention_img); ?>" alt="<?php echo $item['titre']; ?>">
|
241 |
</a>
|
242 |
</a>
|
242 |
<div id="cel-info-<?php echo $item['guid']; ?>" class="cel-infos">
|
243 |
<div id="cel-info-<?php echo $item['id_photo_formate']; ?>" class="cel-infos">
|
243 |
<strong>
|
244 |
<strong>
|
244 |
<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') : ?>
|
245 |
<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') : ?>
|
245 |
<a class="cel-img-titre" href="<?php echo $item['eflore_url']; ?>"
|
246 |
<a class="cel-img-titre" href="<?php echo $item['eflore_url']; ?>"
|
246 |
onclick="window.open(this.href);return false;"
|
247 |
onclick="window.open(this.href);return false;"
|
247 |
title="Cliquez pour accéder à la fiche eFlore">
|
248 |
title="Cliquez pour accéder à la fiche eFlore">
|
248 |
<?php echo $item['infos']['nom_sci']; ?>
|
249 |
<?php echo $item['obs']['nom_sel']; ?>
|
249 |
</a><br />
|
250 |
</a><br />
|
250 |
par
|
251 |
par
|
251 |
<a class="cel-img-contact"
|
252 |
<a class="cel-img-contact"
|
252 |
href="?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']; ?>&auteur=<?php echo $item['infos']['auteur']; ?>"
|
253 |
href="?mode=contact&nn=<?php echo urlencode($item['obs']['nom_sel_nn']); ?>&nom_sci=<?php echo urlencode($item['obs']['nom_sel']); ?>&date=<?php echo urlencode($item['date']); ?>&id_image=<?php echo $item['id_photo_formate']; ?>&auteur=<?php echo $item['utilisateur']['nom_utilisateur']; ?>"
|
253 |
title="Cliquez pour contacter l'auteur de la photo">
|
254 |
title="Cliquez pour contacter l'auteur de la photo">
|
254 |
<?php echo $item['infos']['auteur']; ?>
|
255 |
<?php echo $item['utilisateur']['nom_utilisateur']; ?>
|
255 |
</a>
|
256 |
</a>
|
256 |
<?php else : ?>
|
257 |
<?php else : ?>
|
257 |
<?php echo $item['titre']; ?>
|
258 |
<?php echo $item['titre']; ?>
|
258 |
<?php endif; ?>
|
259 |
<?php endif; ?>
|
259 |
</strong>
|
260 |
</strong>
|