Résolu Effet zoom sur image

Bonsoir, j'aurai bien aimé mettre un zoom sur des créations.....

mais je ne connais pas le code à mettre ?

Si quelqu'un veut bien me le souffler, ce serait super cool !!

MERCI et bonne soirée

Bonjour,

Voici un lien qui devrait correspondre à ce que tu souhaites faire -> ICI

Bonnes suites. 

Merci Colette - je vais essayé sur mon blog test - Mais, ce code est à mettre dans les CSS ou simplement dans la Source de la rubrique où l'on veut que, seulement, Ces images là soit en zoom ??

Bonne soirée

Si ce code est destiné uniquement aux images d'une rubrique précise, ce sera beaucoup plus simple de le mettre directement dans le code source de l'en-tête de celle-ci.

Bon codage et bonnes suites. 

Bonjour!

Je peux suggérer : Configuration > Configuration générale > (onglet) Avancé > Ouvrir les images dans une boîte en surimpression
Si jamais ça peut être utile (si la question était de mettre une image "en avant" par rapport au reste). :)

Merci Colette, finalement, en faisant des recherches, j'ai essayé le code de la gentille rebelle - je croise les doigts : ça à l'air de fonctionner.

voilà ce que j'ai ajouter:

   Exemple :

<p style="text-align: center;"><a href="http://ekladata.com/xmjO_KRLp3BaWckI4Ijd-8Nazsc.png"><img alt="" /><img class="oblique" style="box-shadow: 6px 6px 10px black; border-radius: 10px; border: 0px solid white;" src="http://ekladata.com/xmjO_KRLp3BaWckI4Ijd-8Nazsc@500x500.png" alt="surimpression" /></a></p>

<style type="text/css"><!--

.oblique{-webkit-transition:all 2s linear;-moz-transition:all 2s linear;}

.oblique:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);  }

 --></style>

 Rajouter tout ce qui est en orange.

Par contre je ne sais pas pourquoi en COPIE/COLLE ça m'a fait de si grand espace !!  Mais bon, j'ai quand-même un doute !!  Tu en penses quoi ? Je me lance ? !!!

Merci Mad !! Ta méthode n'est utile que pour une seule image ?!

Tu as juste "collé" ton code, ou "collé en tant que texte brut"? :o Ca peut faire la différence selon la source que tu as copié.

Non, c'est une option générale, qui s'appliquera sur toutes les images. :)

Bonsoir à vous 2, 

@C. Sylvie

Ce que Mad hatter t'a indiqué s'applique effectivement à toutes les images.

Apparemment ce n'est pas ce que tu souhaites. Donc oui, le code que tu as mis fonctionne mais il faudra que tu interviennes dans le code source, et ce, pour toutes les images sur lesquelles tu souhaites qu'il y ait ce zoom.

Toutefois, je l'ai rectifié ainsi :

<style type="text/css"><!--
.oblique {
-webkit-transition: all 2s linear;
transition: all 2s linear;
}
.oblique:hover {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
--></style>

A savoir que tu peux donner un nom autre que "oblique" à cette .class et également modifier les valeurs (en rouge) pour ajuster l'effet zoom selon tes souhaits.

Et pour faire suite à ma précédente réponse, si tu souhaites mettre cette animation un peu partout sur ton blog, dans ce cas, mettre le css dans la feuille de style.

Bonnes suites et bonne soirée. 

Heu !! .... Mad hatter, ben je sais pas ..... de mon bloc note j'ai copié et sur le forum j'ai collé .... Après dire si c'est brut ou pas, alors là !!! j'en sais rien.

Colette, du coup j'ai utilisé ton code et vais rajouter après chaque image ce premier code que j'ai mentionné plus haut,[de alt=...... jusque ........white;"] au fur et à mesure.

Merci beaucoup pour ton aide - Bonne journée.