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.