Surcharge modele "doc.html" avec onmousover/onmouseout

JeanLuc

Février 2020

Bonjour
J’essaie d’insérer un événement "onmouseover/onmouseout" automatiquement au niveau des vignettes des documents présentes dans les articles afin qu’elles passent en noir et blanc au passage de la souris.
J’ai donc surcharger le modèle "doc.html" au niveau de ce code source :

<img src='#GET{fichier}' 
	width='#GET{width}'
	height='#GET{height}'
	alt=''
	/>

avec juste l’appel de la variable #GET{fichier} dans un premier temps pour voir ce que cela fait et vérifier la synthaxe pas à pas :

<img src='#GET{fichier}' 
	width='#GET{width}' 
	height='#GET{height}' 
	alt=''
	onmouseover='this.src="#GET{fichier}";'
	onmouseout='this.src="#GET{fichier}";'
	/>

et là patatras, la balise "img" n’est plus reconnue...
Il doit y avoir un pb de synthaxe mais je ne comprends pas lequel...
Qqu’un a une idée ?
Merci d’avance pour vos réponses...

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0
Pierrox

Février 2020
Bonjour,

ça ne résoud pas vraiment le problème posé mais répond parfaitement au besoin.

Aujourd’hui on peut (doit ?) faire ça uniquement en CSS sans générer d’images supplémentaires ; Ne vous cassez pas la tête !
.hover-filter-nb { transition: .4s ease-in-out; } .hover-filter-nb:hover { filter: grayscale(100%) }
Ajoutez la class .hover-filter-nb sur votre élément img (ou un parent !) et c’est nickel.

Avantages :

– simple, (pas de surcharge, le code reste clair)
– pas de js,
– pas de calcul superflux sur le serveur,
– économie de bande passante,
– économie d’espace disque et de cache (server, proxy, client...)
– ...
Indiquez l’intérêt que vous portez à cette réponse

0

JeanLuc

Février 2020

Effectivement !!
Je me cassais la tête alors que cette solution est bcp plus propre...
Pb résolu.
Par contre, je ne comprend pas le pb de syntaxe... (sans h...)
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Février 2020

Comme ça je ne saurai vous dire pourquoi ça ne fonctionne pas, à part de mieux protéger les balises avec parenthèses et crochets : [(#GET{var})]...

Si ça ne fauctionne pas, Il faudrait le code complet du modèle surchargé et le code utilisé pour l’appeler.
Indiquez l’intérêt que vous portez à cette réponse

0

Prx38

Juin 2021

Bonjour,
sur SPIP 3.2.11, ayant une balise ’alt vide sur les images créés par dans mes articles, je souhaite surcharger le fichier responsable de cela pour avoir une balise comprenant le TITRE de l’image au moins.
j’ai cru comprendre que ce fichier est \plugins-dist\medias\modeles\doc.html
– est-ce bien celui-ci ?
– et où le met-on sous \squelettes ?

j’ai fait un essai sous \squelettes\modeles\doc.html mais cela ne produit rien ;

ou y a-t-il une autre solution ?

merci d’avance de votre aide.