NPDS : Gestion de contenu et de communauté

Salut,

Merci pour les infos
Si j'ai bien tout capter on fera plutôt comme ceci :

<p><a title="Cliquez sur l'image pour agrandir." href="images/examples/image-3.jpg" rel="lightbox[plants]"><img src="images/examples/thumb-3.jpg" alt="Image d'exemple" /></a></p>

;-)

Bonjour

le nom dans les Crochets si on les met, sert a grouper les images dans la lightbox afin de pouvoir les faire défiler.
donc si tu met

<a href="images/examples/image-2.jpg" rel="lightbox[roadtrip]"><img src="images/examples/thumb-2.jpg" alt="" /></a> 
<a href="images/examples/image-3.jpg" rel="lightbox[roadtrip]"><img src="images/examples/thumb-3.jpg" alt="" /></a> 

<a href="images/examples/image-2.jpg" rel="lightbox[plants]"><img src="images/examples/thumb-2.jpg" alt="" /></a> 
<a href="images/examples/image-3.jpg" rel="lightbox[plants]"><img src="images/examples/thumb-3.jpg" alt="" /></a> 


Tu auras deux groupes de 2 images.

de plus si tu veux qu'il y a un "caption" titre sous l'image.
Il suffit d'utiliser la balise title.

(a rajouter dans le tutos, je pense)

/!\ Conseil : il faut "toujours" mettre un balise "alt" et si possible une balise "title"; cela sert autant à l'accessibilité qu'au SEO. /!\

PS :

En faite il existe la façon expliquer sur le site qui lui dit d'utilisé comme ceci :

<a href="images/examples/image-2.jpg" rel="lightbox[roadtrip]"><img src="images/examples/thumb-2.jpg" alt="" /></a>
<a href="images/examples/image-3.jpg" rel="lightbox[roadtrip]"><img src="images/examples/thumb-3.jpg" alt="" /></a>

Je n'ai pas vue de différence avec celle que j'ai proposé au dessus :

<a href="images/examples/image-2.jpg" rel="lightbox[plants]"><img src="images/examples/thumb-2.jpg" alt="" /></a>
<a href="images/examples/image-3.jpg" rel="lightbox[plants]"><img src="images/examples/thumb-3.jpg" alt="" /></a>

;-)

Salut

Afin de compléter la documentation, mais avant j'aimerai signaler une erreur de frappe.
Deuxième étape: l'intégrer dans non NPDS.
Deuxième étape: l'intégrer dans mon NPDS.

NON au lieu de MON ;-)

Si non pour en revenir au principal de ma venu :-)
A la fin de la doc tu explique qu'il faut ajouter : rel="lightbox"
Par contre si on met comme ceci : rel="lightbox[plants]"
La différence ?
Ce lit comme un album :
<a href="images/examples/image-2.jpg" rel="lightbox[plants]"><img src="images/examples/thumb-2.jpg" alt="" /></a>
<a href="images/examples/image-3.jpg" rel="lightbox[plants]"><img src="images/examples/thumb-3.jpg" alt="" /></a>

Ou photo par photo :
<a href="images/examples/image-2.jpg" rel="lightbox"><img src="images/examples/thumb-2.jpg" alt="" /></a
<a href="images/examples/image-3.jpg" rel="lightbox"><img src="images/examples/thumb-3.jpg" alt="" /></a>

Bonne journée

Slt

Comme dit le proverbe vaut mieux tard que jamais :-D

Merci en effet se sera nettement mieux pour les futurs utilisateurs ;-)

slt
Avec retard, mais je viens de trouver un moyen simple d'editer du code recopiable, de façon claire ds un article. :-(

Donc mise à jour sur style éffectuée.... sans passer par le script SyntaxHighlighter.

Allez au boulot ;-)

Salut,
Voila peut-être une erreur de frappe ou autre je ne sais pas mais ce qu'il y a de sûr et certain c'est que maintenant cela fonctionne nickel chrome.
Je remercie toutes les personnes qui ont participer de près ou de loin pour ce "module" "script" Lightbox qui est mise en ligne.
Thank, Dank u, Merci, Gracias :-) :=!
PS: Maintenant je vous remercie pas car j'ai du boulot sur la planche à refaire toute mes images de mes articles :paf
Lolll :-)

slt

je regarde pour mettre le code "editable"

slt

dés que j'ai pigé comment skippy faisait pour faire apparaitre du code "recopiable" je modifie l'article.

Dailleur apres consultation de dieu le père il serait plus judicieux de placer le script à la racine de npds dans un dossier "JS" par exemple.