Annonce

#1 2017-07-15 20:35:03

vs
Invité

[Résolu] style filtre css image sur un album

reBonjour, (cf. http://fr.piwigo.org/forum/viewtopic.ph … 68#p221968 )

Je cherche donc à définir un style css sur les images pour seulement un album, exemple le filtre:

Code:

.img:hover { filter: invert(100%);}

lorsque l'on passe la souris sur une image de l'album 22

Code:

if ($page['category']['id'] ==22 )

, j'ai essayé avec plusieurs manipulation avec le plugin personnel sans succès,  j'ai seulement réussi à appliqué un filtre css à l'ensemble de la galerie, comment dois-je procéder, s'il vous plait.

#2 2017-07-16 08:13:45

ddtddt
Équipe Piwigo
Lieu: Quetigny (21) - France
Date d'inscription: 2007-07-27
Messages: 13707
Site web

Re: [Résolu] style filtre css image sur un album

Bonjour,

Il faudrait l'ensemble du code du plugin pour pouvoir te guider ;-)


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#3 2017-07-16 16:06:17

vs
Invité

Re: [Résolu] style filtre css image sur un album

Bonjour ddtddt,

Justement je n'arrive pas à faire la suite, en fait ce qui fonctionne c'est appliquer un filtre sur l'ensemble de la galerie avec :
( /admin.php?page=theme&theme=bootstrap_darkroom )
Dans "admin" > "Thèmes" > "Bootstrap Default Configuration" puis dans "Custom CSS"

Code:

#theImage img:hover {
filter: invert(100%);}

voila ce qui fonctionne parfaitement, mais je voudrai appliquer ce filtre seulement sur l'album 22, comment peut-on procéder ?

#4 2017-07-16 19:51:26

ddtddt
Équipe Piwigo
Lieu: Quetigny (21) - France
Date d'inscription: 2007-07-27
Messages: 13707
Site web

Re: [Résolu] style filtre css image sur un album

vs a écrit:

Bonjour ddtddt,

Justement je n'arrive pas à faire la suite, en fait ce qui fonctionne c'est appliquer un filtre sur l'ensemble de la galerie avec :
( /admin.php?page=theme&theme=bootstrap_darkroom )
Dans "admin" > "Thèmes" > "Bootstrap Default Configuration" puis dans "Custom CSS"

Code:

#theImage img:hover {
filter: invert(100%);}

voila ce qui fonctionne parfaitement, mais je voudrai appliquer ce filtre seulement sur l'album 22, comment peut-on procéder ?

Pour filtrer sur un seul album je dirais qu'il faut fair un plugin perso avec un code du genre

add_event_handler('loc_end_page_header', 'add_pesocss22t');

function add_pesocss22t() {
  global $template, $page;
  if (!empty($page['category']['id']) and $page['category']['id']==22) {
$template->append('head_elements', '<style>
#theImage img:hover {
filter: invert(100%);}
</style>');
  }
}


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#5 2017-07-16 23:25:02

vs
Invité

Re: [Résolu] style filtre css image sur un album

Super, merci ddtddt !! C'est exactement ce que je cherchais, faire passer une photographie négative en positive ou positive en négative :

Code:

<?php

  add_event_handler('loc_end_page_header', 'persoalbumerciddtddt');

function persoalbumerciddtddt()
{
    global $template, $page ;
  if ( !empty($page['category']['id']) )   
  {
  if ($page['category']['id'] ==22 )     
{
$template->append('head_elements','<style> #theImage img:hover {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    transform: rotateY(180deg); }</style>');}

  }}
?>

Vive ddtddt !

[Résolu]

Pied de page des forums

Propulsé par FluxBB