11
Indiquez l’intérêt que vous portez à cette question
0

effet de survol d’une image / récupérer UNE PARTIE d’un code généré par SPIP

(j’espère que le titre est assez clair)

Résumé :
La balise #FICHIER produit un code du genre <img src="IMG/xxx/xxx.jpg">
Or seule la partie IMG/xxx/xxx.jpg m’intéresse.
Y a-t-il un moyen de récupérer cette dernière ? (en php ?) ou de la produire avec SPIP sans le “<img” devant ?

En détail :
J’essaie de faire un effet de survol pour une gallerie.
Spip peut produire automatiquement une image en sépia, donc l’effet recherché est le suivant : on a l’image (réduite) en sépia, et quand la souris passe dessus on a l’image normale en couleur.

Après recherche sur google la seule méthode en css que j’ai trouvé repose sur un changement du fond d’un bloc (background-image:url(image.jpg)) donc impossible à mettre en oeuvre ici.

J’ai également essayé les propriétés visibility:hidden en mettant un bloc l’un sur l’autre, avec l’image sépia SUR l’image normale, et en faisant "disparaître" l’image sépia au survol de la souris (avec un a:hover).
Tout ce que j’obtiens est un clignotement infame, le bloc ne semble pas "caché" mais carrément enlevé du flux, rendant la manipulation impossible.

J’ai bien trouvé une dernière possibilité : un <a onmouseover:document.image.src="xxx.jpg" href=xxx> mais pour cela j’ai besoin de l’adresse de l’image produite par SPIP via la balise #FICHIER, et uniquement de ça (sans le img src="... devant).

Voilà j’arrive aux limites de mes compétences, je vois deux possibiliés :

* soit il existe un moyen de faire ça directement avec spip (en récupérant juste l’url d’un fichier image généré dynamiquement)
* soit il y a un moyen en css que je n’ai pas trouvé

J’espère avoire été clair,
tout coup de main est le bienvenu.