Jump to content

Comment faire un zoom sur une image d'une page CMS ?


Recommended Posts

Bonjour à tous

J'aimerai savoir si l'on peut faire des zoom sur les images placées dans "Outils/Cms/Articles" ?

J'ai mis des images et je voudrai qu'en passant la souris ou même en cliquant, l'image s'agrandisse comme les produits.

Avez-vous une idée pour savoir comment faire ?

Je vous remercie d'avance pour votre réponse.

Cordialement

Link to comment
Share on other sites

tu peux utiliser un plug-in jquery comme jquery.imageLens.js

http://www.dailycoding.com/Posts/imagelens__a_jquery_plugin_for_lens_effect_image_zooming.aspx

 

Tu construits ta page cms, puis tu édites le code html pour placer ton image dans un DIV (<div id="img_01"><img src="..."></div>, et tu déclenches le plug-in pour ce div :

 

 

$("#img_01").imageLens();

Link to comment
Share on other sites

tu peux utiliser un plug-in jquery comme jquery.imageLens.js

http://www.dailycodi...ge_zooming.aspx

 

Tu construits ta page cms, puis tu édites le code html pour placer ton image dans un DIV (<div id="img_01"><img src="..."></div>, et tu déclenches le plug-in pour ce div :

 

 

$("#img_01").imageLens();

 

Excuses moi pour mon ignorance mais où dois-je mettre $("#img_01").imageLens(); ?

En tout cas, je te remercie d'avoir bien voulu me répondre.

Link to comment
Share on other sites

tu dois mettre ceci dans des balises de script :

<script type="text/javascript">

$("#img_01").imageLens();

</script>

En ayant au préalable bien sûr fait le lien avec le fichier js.

Merci beaucoup pour cette information, j'essaye de suite.

Mais j'aurai aimé que l'image s'agrandisse en 1024 par exemple à l'écran

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...