Vous êtes ici : Sommaire de l'aide > Widgets > Widget Photo

<< Carto au point précis (en version beta)

AideCELWidgets

Stats >>

---

Widget Photo

But

Afficher des miniatures des dernières photographies téléchargées dans le CEL et rendues publiques permettant d'ouvrir un diaporama en cliquant dessus.

Permalien

http://www.tela-botanica.org/widget:cel:photo

Vue générale

Des miniatures des dernières images du CEL sont affichées sous forme de liste.
La dernière image est affichée en plus grand format.
En cliquant sur une des vignettes, un diaporama s'ouvre pour afficher les images en grand format.

Intégration dans votre site

Pour intégrer ce widget sur votre site, copiez et collez le code ci-dessous :

<div id="galerie-cel-1">

<!-- Javascript : bibliothèques -->
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
<!-- Feuilles de styles -->
<link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/widget:cel:modules/photo/squelettes/css/photo.css" media="screen" />
<script type="text/javascript">

$.getJSON("http://www.tela-botanica.org/widget:cel:photo?mode=ajax&callback=?", function (galerie) {

$("#galerie-cel-1").append(galerie.contenu);

});

</script>

</div>

Paramètres

d'affichages

• extra = 1 ou 0 [par défaut vaut 1] : permet d'indiquer si on veut afficher ou cacher la dernière image sous forme d'une vignette de taille plus importante au bas du widget.

ex. http://www.tela-botanica.org/widget:cel:photo?extra=0

• vignette = [0-9]+,[0-9]+ [par défaut vaut 4,3] : permet d'indiquer avec la première valeur avant la virgule le nombre de colonnes de vignettes et avec la seconde valeur (celle après la virgule) le nombre de lignes. La valeur par défaut "4,3" signifie 4 colonnes de vignettes sur 3 lignes.

ex. http://www.tela-botanica.org/widget:cel:photo?vignette=8,6

• titre = * [par défaut vaut "Dernières images du CEL"] : permet d'indiquer un titre particulier au widget. Le titre doit être encodé et contenir des entités html à la place des caractères accentués et spéciaux. Utiliser l'outil présent sur le site de neodiffusion.fr pour encoder vos titres. Vous pourrez récupérer la valeur : URLencode

ex. http://www.tela-botanica.org/widget:cel:photo?titre=D%26eacute%3Bfi+Photo+Flore+du+Sud

• id = [0-9]+ [par défaut vaut "1"] : permet d'indiquer un identifiant spécifique au widget. Utiliser ce paramètre pour inclure plusieurs widgets Photo au sein de la même page html en indiquant un id distinct pour chacun d'entre eux.

ex. http://www.tela-botanica.org/widget:cel:photo?id=2

de filtrage

• dept : permet d'indiquer un code départemental.

ex. http://www.tela-botanica.org/widget:cel:photo?dept=30

• commune : permet d'indiquer un nom de commune.

ex. http://www.tela-botanica.org/widget:cel:photo?commune=Montpellier

• date : permet d'indiquer la date de prise de photo.

ex. http://www.tela-botanica.org/widget:cel:photo?date=21/03/2011

• utilisateur : permet de choisir l'auteur des photos à l'aide de son adresse mail.

ex. http://www.tela-botanica.org/widget:cel:photo?utilisateur=jpm@tela-botanica.org

• taxon : permet d'indiquer le nom scientifique de l'espèce.

ex. http://www.tela-botanica.org/widget:cel:photo?taxon=aconit

• tag : permet de choisir les photos qui sont taguées avec un terme (tag=plantnet), plusieurs termes associés (tag=plantnetETfeuille) ou plusieurs termes (tag=feuilleOUrameau)

ex. http://www.tela-botanica.org/widget:cel:photo?tag=rameau

• projet : permet de choisir les photos liées à une observation qui a pour mots-clés un terme (projet=AtelierRubus?), plusieurs termes associés (projet=Flore de CosteET?À confirmer) ou plusieurs termes (projet=AtelierRubusOUFlore? de Coste)

ex. http://www.tela-botanica.org/widget:cel:photo?projet=AtelierRubusOUFlore de Coste

• commentaire : permet de choisir les photos commentées par le(s) terme(s) choisi(s).

ex http://www.tela-botanica.org/widget:cel:photo?commentaire=Jardin Ville

Ces paramètres peuvent être combinés à l'aide de & : ?critere1=valeur1&critere2=valeur2.
ex. http://www.tela-botanica.org/widget:cel:photo?dept=34&tag=feuille&vignette=15,10&extra=0

Exemple

Le code HTML suivant affiche le widget ci-contre :

<div id="galerie-cel-1" style="float:right;width:310px;">

<!-- Javascript : bibliothèques -->
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
<!-- Feuilles de styles -->
<link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/widget:cel:modules/photo/squelettes/css/photo.css" media="screen" />
<script type="text/javascript">

$.getJSON("http://www.tela-botanica.org/widget:cel:photo?mode=ajax&callback=?&tag=plantnetETfeuille", function (galerie) {

$("#galerie-cel-1").append(galerie.contenu);

});

</script>

</div>

Propositions d'améliorations et liste des bogues connus

Vous pouvez consulter le projet CELW - CEL Wigets (catégorie Stats) sur l'outil de suivi de Tela Botanica.

---