$ 2.00

Tuto Créez facilement une loupe en Javascript avec Mootools ! avec JavaScript

$ 2.00

  • Une formation vidéo de 33m02s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto Javascript, vous découvrirez comment créer sans grande connaissance une loupe en javascript avec le framework gratuit Mootools. Si vous utilisez un autre framework, l'adaptation restera assez aisée vue la simplicité du code.

Ce tuto vous permettra donc d'ajouter un effet de loupe qui s'avérera très utile pour les photos produit d'un site ecommerce par exemple. Le zoom sur l'image se fera au survol, mais vous pourrez également maitriser la valeur du zoom grâce à la molette de la souris. Nous rajouterons des effets de fondu en entrée et sortie d'image.

Les objectifs pédagogiques de ce tuto

  • Installer et débuter avec Mootools,
  • Comprendre l'ajout d'évènement
  • Utiliser les évènements: clique de souris, déplacement de souris, et scroll de souris
  • Manipuler les styles en Javascript
  • Appliquer un effet en Javascript

A noter : Des notions de bases en CSS seront préférables.


Formateur : Benoit Asselin

Benoit Asselin a publié 15 tutoriels et obtenu une note moyenne de 4,6/5 sur 2 086 tutoriels vendus. Voir les autres formations de Benoit Asselin

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    JavaScript
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1553 tuto gratuits


non, je ne veux pas me former gratuitement