Dans un projet récent, il y a eu un article publié par un membre. Lorsque les illustrations de l'article sont affichées sur le téléphone mobile, il faut parfois zoomer pour les visualiser, et on ne peut pas cliquer pour agrandir.
La seule chose qui peut être utilisée ici est la balise img.
$("img").click(function(){
$(this).wrap('<a href='+$(this)[0].src+'></a>')})
Ajoutez une balise href à img et écrivez le chemin d'img, l'image apparaîtra, mais il n'y a aucun moyen de revenir, veuillez le résoudre
Semblable à l'image présentée, comment implémenter ce front-end ou ce plug-in !
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Cliquez sur l'image pour créer un nouveau calque de masque. Le src de l'image dans le calque de masque est égal au src de la cible sur laquelle vous avez cliqué
.Vous pouvez jeter un œil aux plug-ins de jquery pour les effets d'image. Introduisez-le directement dans votre projet, puis effectuez quelques configurations, et il sera implémenté.
J'aime cet effet : http://www.jq22.com/yanshi6536
Si vous voulez y parvenir vous-même
Je pense que ce que tu veux dire, c'est qu'après avoir cliqué sur l'image, l'image est enveloppée d'une couche de tag
Vous pouvez changer votre façon de penser
Utilisez location.href pour sauter après avoir cliqué. Cela permet de déterminer plus facilement s'il faut sauter ou revenir en js
.La grande image qui apparaît a un fond noir, ce qui est plus facile à comprendre pour les utilisateurs. En fait, les utilisateurs peuvent cliquer sur le fond noir pour revenir
.La relation hiérarchique entre l'arrière-plan et l'image a été établie. Utilisez event.target pour déterminer si l'image cliquée est une image ou un arrière-plan noir
.Décidez de sauter ou de revenir
Vous parlez de ce genre de plug-in http://refined-x.com/Flow-UI/...
Je n'ai pas écrit sur la version mobile, mais j'ai écrit sur des effets similaires sur la version PC.
La méthode consiste à ajouter un calque de masque, qui est généralement masqué. Lorsque l'on clique sur l'image, le calque de masque bascule (), puis attribue l'attribut src de l'image à l'img du calque de masque.
Bien sûr, vous devez définir le style du calque de masque img, tel que : largeur maximale, hauteur maximale, centré, etc.
Enfin, le niveau de la couche de masque doit être le plus élevé.