Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Projet javascript
1. Effet de zoom sur une image au passage de la souris ISET 2009-2010
2. PRESENTATION DU CODE Il s'agit d'un code en javascript qui permet d'augmenter jusqu'à un certain niveau prédéfini ou réglé, la taille ou les dimensions d'une image au passage de la souris tout en gardant une bonne qualité visuelle. Ensuite de la réduire lorsqu'on l'enlève(souris), afin de revenir à la taille initiale qui sera également prédéfinie. Dans la pratique ,ce code peut être utilisé par exemple dans la conception des sites de vente en ligne ou le visiteur avec une certaine flexibilité ,souhaite parfois avoir un aperçu plus édifiant de l'article qu'il veut acheter ou commander. P:hristianeme Annéerojet_javascriptichiersource.txt
3. Critiques et suggestions Ce code ne peut gérer qu'une image par les fonctions qu'elle contient . Par conséquent, il n'est pas « évolutif » .Car l'idéal serait que les fonctions qu'il contient puissent gérer plusieurs images. Nous avons donc effectuer des modifications afin d'outrepasser cette limite. La modification a consisté à utiliser plutôt l'objet images[ ] qui se trouve sous l'objet Windows, et qui par contre permet de gérer tous les graphiques définis dans un fichier Html. Ainsi ,on pourra transmettre comme argument l' index ou le nom de l'image à traiter aux différentes fonctions( changer,initial ). Enfin, notre modification à consister aussi à faire par une fonction (Diapo) que nous avons créée, un * diaporama relatif à l'image dès que celle-ci est complètement a-grandie. * Le lancement du diaporama géré par l'évènement « OnClick » et se faisant par un simple clic droit sur l'image. Le code modifié: ZOOM_IMAGE