Bonjour Vincent,
J’ai ce petit bout de css qui pourrait te convenir (pas de jquery ici)
/* l’effet d’opacité au rollover sur images */
a.opacite img {
opacity: 1.0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;
}
a.opacite:hover img {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
J’ai aussi ceci sous le coude : http://jsfiddle.net/Zf5am/569/
Et enfin, j’ai utilisé le plugin Fancybok et la technique de l’image qui apparait au survol sur ce site statique, par exemple ici : http://fredjaspart.com/photos11.htm
Pour exemple :
a class="fancybox image-wrap" rel="zoom" href="images/monimage.jpg">![]()
</a
Et dans le css :
.zoom-icon {
display:block;
position:absolute;
left:5px;
top:-302px;
width:200px;
height:300px;
background:url(…/images/magnify.png) 50% 50% no-repeat;
cursor:pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
J’espère que tout cela t’aidera.
Nathalie
De : Vincent (adresse du travail) [mailto:communicationparay@gmail.com]
Envoyé : jeudi 12 décembre 2013 11:03
À : Cloud GIROFLE
Cc : spip@rezo.net
Objet : Re: [Spip] jquery pour ajouter une opacité et un signe + sur une image
Merci pour cette solution Cloud . Aurais-tu un tuto plus détaillé pour ceci s’il te plaît? Ou un nom de « fonction » pour que je cherche sur le net (comme pour « slider » ou « effet fade-out » ou encore « gallery ») .
Vincent
Le 12 décembre 2013 10:32, Cloud GIROFLE <email2cloudgirofle@gmail.com> a écrit :
Bonjour Vincent,
Pas besoin de script Jquery.
Tu peux gerer les effets de fade avec du css : (transitionnal + de l’opacity)
Tu peux rajouter un block span transparent qui recoure ton image, et au survol de ce span tu rajoute une opacité à 0.5 black par exemple.
Cdt.
CloudG
Le 12 décembre 2013 10:18, Vincent (adresse du travail) <communicationparay@gmail.com> a écrit :
Bonjour à tous,
Ce n’est pas une question sur spip (mais pour un site spip) . Je cherche un script jquery pour ajouter un masque d’opacité et un signe « + » (texte ou png transparent) sur une image lors d’un survol . Pas un script de zoom mais un script qui indique que, si on clique, on accède à une contenu supplémentaire (dans mon cas cela doit ouvrir une pop-in avec un contenu additionnel).
J’ai beau chercher, je ne trouve pas (ce type de script doit avoir un nom… mais comme je ne le connais pas… )
Merci pour l’aide
Vincent
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/
Documentation de SPIP : http://www.spip.net/
Irc : de l’aide à toute heure : http://spip.net/irc