jQuery cliquez sur la couche contextuelle de vignette pour afficher une grande image_jquery

En janvier 2015, nous n'avons plus le temps d'apprendre le programme ASP.NET MVC. Février est à nouveau le Nouvel An chinois. Après un demi-mois de vacances, j'espère retourner dans ma ville natale et vivre dans un pays. monde sans ordinateurs ni Internet. De nos jours, je peux passer plus de temps avec mes parents âgés.

Aujourd'hui, je vais découvrir jQuery et l'appliquer aux images. L'utilisateur clique sur l'image pour l'agrandir.

Créer un contrôleur FebY15Controller :

Créez ensuite la vue Index :

Mark 1, ajouter un style d'image :

Mark 2, ajoutez le code htm, l'affichage de l'image originale et la balise div d'espace réservé pour agrandir l'image :

Mark 3, faisant référence à la bibliothèque de classes jQuery.

Mark 4, écrivez le programme jQuery :

Ce qui suit est une démonstration dynamique :

Dans cet article, vous pouvez en savoir plus sur l'événement de clic de jQuery. Utilisez la classe tag.style pour obtenir l'objet (img.thumb). Utilisez $(this) pour coder l'objet lui-même. .attr("scr") obtient le chemin de l'image src. Un autre est l'événement dynamique .animate().