{"id":1350,"date":"2011-11-30T12:18:19","date_gmt":"2011-11-30T11:18:19","guid":{"rendered":"http:\/\/www.planete-flop.fr\/blog\/?page_id=1350"},"modified":"2011-11-30T12:22:55","modified_gmt":"2011-11-30T11:22:55","slug":"plugin-pour-piwigo-image-preview","status":"publish","type":"page","link":"https:\/\/www.planete-flop.fr\/blog\/plugin-pour-piwigo-image-preview\/","title":{"rendered":"Plugin pour Piwigo : Image Preview"},"content":{"rendered":"<p>[fr]<\/p>\n<h1>Description<\/h1>\n<p>Ce plugin permet d&#8217;avoir un aper\u00e7u de l&#8217;image au survol de la miniature<\/p>\n<p>quelques images valent mieux qu&#8217;un long discours :<\/p>\n<div id='gallery-1' class='gallery galleryid-1350 gallery-columns-2 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57-150x150.jpg 150w, https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57-36x36.jpg 36w, https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57-115x115.jpg 115w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14-150x150.jpg 150w, https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14-36x36.jpg 36w, https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14-115x115.jpg 115w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<h1>Fonctionnalit\u00e9s<\/h1>\n<p>Le plugin g\u00e8re les effets de bords et propose en option :<\/p>\n<ul>\n<li>la taille maximale des images affich\u00e9es<\/li>\n<li>un effet de transparence sur la miniature survol\u00e9e<\/li>\n<li>l&#8217;affichage du titre de l&#8217;image<\/li>\n<\/ul>\n<p>L&#8217;apparence peut \u00eatre modifi\u00e9e via CSS. Voici ce qui est affich\u00e9 par d\u00e9faut :<\/p>\n<pre>&lt;div id=\"tooltip\" &gt;&lt;img src=\"\" style=\"opacity: 0; display: none;\"&gt;&lt;\/div&gt;<\/pre>\n<p>avec<\/p>\n<pre>#tooltip {\r\n background: url(\"..\/images\/ajax-loader.gif\") no-repeat scroll 12px 12px #E6E4D8;\r\n border-radius: 10px 10px 10px 10px;\r\n box-shadow: 3px 3px 7px #000000;\r\n min-height: 32px;\r\n min-width: 32px;\r\n padding: 12px;\r\n z-index: 900;\r\n}<\/pre>\n<h1>D\u00e9mo<\/h1>\n<p>Sur la galerie Plan\u00e8te Flop,<a href=\"http:\/\/www.planete-flop.fr\/gallerie\"> ici-m\u00eame<\/a> !<\/p>\n<h1>Un probl\u00e8me ? Des questions ?<\/h1>\n<p><strong><a href=\"http:\/\/fr.piwigo.org\/forum\/index.php\" target=\"_blank\">Utilisez les forums de Piwigo<\/a> : si vous me contactez par mail, je vous demanderai de poster sur les  forums car votre message peut int\u00e9resser d&#8217;autres personnes. Pas de  support dans les commentaires non plus !!<\/strong><\/p>\n<p>[\/fr]<\/p>\n<p><strong> <\/strong>[en]<\/p>\n<h1>About<\/h1>\n<p>This plugin pops up a preview when the mouse is over a thumbnail<br \/>\n<div id='gallery-2' class='gallery galleryid-1350 gallery-columns-2 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57-150x150.jpg 150w, https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57-36x36.jpg 36w, https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-06-57-115x115.jpg 115w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14-150x150.jpg 150w, https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14-36x36.jpg 36w, https:\/\/www.planete-flop.fr\/blog\/wp-content\/uploads\/2011\/11\/30-11-2011-12-04-14-115x115.jpg 115w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n<\/p>\n<h1>Features<\/h1>\n<p>The plugin manage the edge effects and has 3 options:<\/p>\n<ul>\n<li>the maximal size for the displayed picture<\/li>\n<li>a transparency effect for the thumbnail on hover<\/li>\n<li>the display of the picture tittle<\/li>\n<\/ul>\n<p>The tooltip can be customize. This is the default html\/css :<\/p>\n<pre>&lt;div id=\"tooltip\" &gt;&lt;img src=\"\" style=\"opacity: 0; display: none;\"&gt;&lt;\/div&gt;<\/pre>\n<p>with<\/p>\n<pre>#tooltip {\r\n background: url(\"..\/images\/ajax-loader.gif\") no-repeat scroll 12px 12px #E6E4D8;\r\n border-radius: 10px 10px 10px 10px;\r\n box-shadow: 3px 3px 7px #000000;\r\n min-height: 32px;\r\n min-width: 32px;\r\n padding: 12px;\r\n z-index: 900;\r\n}<\/pre>\n<h1>Demo<\/h1>\n<p>On Plan\u00e8te Flop, <a href=\"http:\/\/www.planete-flop.fr\/gallerie\">right there<\/a> !<\/p>\n<h1>Problem\/Question ?<\/h1>\n<p><strong><a href=\"http:\/\/piwigo.org\/forum\/\" target=\"_blank\">Please use the Piwigo forum<\/a> : my mail and the commentaries are not for support!<\/strong><\/p>\n<p>[\/en]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[fr] Description Ce plugin permet d&#8217;avoir un aper\u00e7u de l&#8217;image au survol de la miniature quelques images valent mieux qu&#8217;un long discours : Fonctionnalit\u00e9s Le plugin g\u00e8re les effets de bords et propose en option : la taille maximale des images affich\u00e9es un effet de transparence sur la miniature survol\u00e9e l&#8217;affichage du titre de l&#8217;image [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"pagetpl-piwigo.php","meta":{"_s2mail":"","footnotes":""},"class_list":["post-1350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.planete-flop.fr\/blog\/wp-json\/wp\/v2\/pages\/1350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.planete-flop.fr\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.planete-flop.fr\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.planete-flop.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.planete-flop.fr\/blog\/wp-json\/wp\/v2\/comments?post=1350"}],"version-history":[{"count":0,"href":"https:\/\/www.planete-flop.fr\/blog\/wp-json\/wp\/v2\/pages\/1350\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.planete-flop.fr\/blog\/wp-json\/wp\/v2\/media?parent=1350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}