image-magnify ~ voir les détails d'une photo

Un effet de loupe pour voir les détails d'une photo

➠ image_magnify : affiche un effet de loupe sur une image DEMO
syntaxe {up image-magnify=imgage | imgzoom=image-pour-zoom}
author LOMART version 1.0 license GNU/GPLv3 credit thdoan
  • image_magnify: fichier image normale
  • imgzoom: fichier image utilisé pour le zoom
  • size: diametre de la loupe en pixel
  • radius: diametre de la loupe en pixel
  • border: modele de bordure pour la loupe
  • class: classe(s) ajoutées au bloc principal
  • style: style inline ajouté au bloc principal

    Un simple exemple

    Avec ce simple shortcode, on obtient ce résultat :
    {up image-magnify=images/photos/Basilique-Saint-Pierre-Vatican-mini.jpg 
      | imgzoom=images/photos/Basilique-Saint-Pierre-Vatican.jpg}

    Survoler l'image avec votre curseur pour voir l'effet

    Avec quelques paramètres

    {up 
      image-magnify = images/photos/Kenya-Cheetah-Masai-Mara-nb-mini.jpg
      | imgzoom = images/photos/Kenya-Cheetah-Masai-Mara.jpg
      | size=200
      | radius=30%
      | border=fin
    }
    

    size est la taille de la loupe, radius son arrondi et border, le style de la loupe

    Survoler l'image avec votre curseur pour voir l'effet