plxSlimbox2

StéphaneStéphane Member, Former PluXml Project Manager
plxSlimbox2 est un plugin permettant un effet lightbox ultra-léger à base jquery pour zoomer les images

Pour ajouter l'effet lightbox il suffit de rajouter dans le lien d'une balise <a>
rel="lightbox"

Exemple:
<a href="http://site.com/grande_image.jpg" rel="lightbox"><img src="http://site.com/petite_image.jpg" /></a>

Aucune configuration pour ce plugin.
Le plugin jquery ou l'installation de la librairie jquery n'est pas nécessaire. Tout est pris en charge par plxSlimbox2

plxSlimbox2 est disponible à cette adresse:
http://pluxopolis.net/myplugins

Historique:
========
## 19/12/2013: version 1.0##

Consultant PluXml

Ancien responsable et développeur de PluXml (2010 à 2018)

Réponses

  • Formidable !

    Y aurait-il une solution pour ajouter automatiquement la mention rel="lightbox" dans tous nos articles à tous les endroits où il y a une miniature qui fait un lien vers une image plus grande.

    Genre un bouton qui ferait un search and replace avec :
    [== HTML ==]
    <a href="http://www.****.jpg"><img src="http://www.***.tb.jpg" ...></a>
    
    devenant
    [== HTML ==]
    <a href="http://www.****.jpg" rel="lightbox"><img src="http://www.***.tb.jpg" ...></a>
    
  • Joli travail Stéphane, une "lightbox" de plus ;).
  • DudyDudy Member
    janvier 2014 modifié
    Hello
    pour pouvoir ajouter les butons Prev et Next ouvrir le fichier slimbox2.js(plugins/plxSlimbox2/slimbox2/src/slimbox2.js)
    à la ligne 56 mettre
    [== PHP ==]
    loop: true,	
    
    et dans la balise <a>
    
    [== HTML ==]
     rel="lightbox-cats"
    
    <a href="data/images/photoBIG.jpg" rel="lightbox-cats"><img src="data/images/photoPIC.jpg" alt="photo" ></a>
    
    il faut juste donner un nom aux groupe des photos
    ciao
  • StéphaneStéphane Member, Former PluXml Project Manager
    @Dudy: merci pour l'info

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • Merci Stéphane
    il est super ce plugin tres leger,
    on peu même mettre un title aux images en ajoutant
    [== HTML ==]
    title="Mon Title"
    
    ;)
Connectez-vous ou Inscrivez-vous pour répondre.