fonds d'écran - créations numériques - webmastering - photograhie - création de site - référencement efficace


 

 

Pour tous les webmasters, des effets professionnels sur les images : Magic Zoom™ est un ensemble d'outils pour créer des effets de zoom sur image ou d'agrandissement, basé sur JavaScriptl. Il vous donne les meilleures possibilités d'affichage pour créer des effets incroyables au niveau du détail de vos images. On retouve ce script sur les plus grands sites de vente en ligne de tous les pays. La licence, pour un site 'personnel' est gratuite, celle pour un site professionnel est payante. Vous pouvez en visualiser quelques exemples sur ces différentes pages.

Magic Zoom

Zoom sur image | Dimensions de la vue | Multiples images | Hotspots | Hotspots advanced | Zoom positions | Zoom position paramétrable | Fade-in et vitesse d'affichage | Options d'opacité | Personnalisation avec les CSS | Zoom ou agrandissement |

Effet professionnel de zoom sur une image

Le look par défaut de Magic Zoom Plus™. Sans aucune modification. Ici avec un peinture de Vincent Van Gogh.

Voir les explications sur le Blog en cliquant sur ce lien.

Voici le codage:

  1. <html>
  2.     <head>
  3.         <title>Magic Zoom Plus: Default</title>
  4.        
  5.         <!-- link to magiczoomplus.css file -->
  6.         <link href="magiczoomplus/magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
  7.         <!-- link to magiczoomplus.js file -->
  8.         <script src="magiczoomplus/magiczoomplus.js" type="text/javascript"></script>
  9.        
  10.     </head>
  11.     <body>
  12.        
  13.         <p>The default look of Magic Zoom Plus&trade;. No customizations made.</p>
  14.         <!-- define Magic Zoom Plus -->
  15.         <a href="images/route.jpg" title="Cool bike!" class="MagicZoomPlus"><img src="images/route_a.jpg"/></a>
  16.        
  17.     </body>
  18. </html>

En commun à toutes les pages, dans la partie "head", un lien vers les fichiers JS et CSS:

<link href="magiczoomplus/magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
<script src="magiczoomplus/magiczoomplus.js" type="text/javascript"></script>

Pour visualiser les fichiers du code source JS et CSS:

magiczoomplus.css
magiczoomplus.js

lien vers le site de Magic Zoom

Magic Zoom

lien vers le site de Magic Zoom

Magic Zoom