Comment Agrandir Une Image Lorsque Vous Cliquez Dessus

Table des matières:

Comment Agrandir Une Image Lorsque Vous Cliquez Dessus
Comment Agrandir Une Image Lorsque Vous Cliquez Dessus

Vidéo: Comment Agrandir Une Image Lorsque Vous Cliquez Dessus

Vidéo: Comment Agrandir Une Image Lorsque Vous Cliquez Dessus
Vidéo: 🎓Agrandir une image sans perte : 2 Techniques FACILES | [Défi 31 astuces Photoshop #17/31] 2024, Décembre
Anonim

Il y a des moments où vous devez placer un aperçu d'une image sur une page de site Web. L'image exposée dans le mode aperçu est agrandie lorsqu'on appuie dessus, et l'utilisateur a la possibilité de voir tous les détails qui l'intéressent. Il y a plusieurs façons de faire cet aperçu.

Comment agrandir une image lorsque vous cliquez dessus
Comment agrandir une image lorsque vous cliquez dessus

Instructions

Étape 1

Téléchargez l'image sur un site d'hébergement de photos tiers et insérez le lien souhaité sur votre site Web. Rendez-vous sur la page de l'échangeur qui vous convient et, à l'aide des boutons appropriés, indiquez d'où l'image sera téléchargée: depuis Internet ou depuis votre ordinateur. Dans le premier cas, copiez le lien vers l'image depuis la barre d'adresse dans la fenêtre du navigateur et collez-le dans le champ désigné sur l'hébergement photo. Dans le second cas, cliquez sur le bouton "Parcourir" et précisez le répertoire où se trouve votre photo sur votre ordinateur. Cliquez sur le bouton "Télécharger" et attendez la fin de l'opération.

Étape 2

Pour que votre image soit agrandie par un clic de souris, copiez le lien situé dans le champ "Aperçu" ("Aperçu", "Cliquez pour agrandir"), et collez-le dans votre ressource. Comme alternative à de telles légendes, différentes options pour la taille de l'image peuvent être données. Par exemple, pour la taille complète de l'image, la valeur peut être 600x450 et pour l'aperçu, 200x150.

Étape 3

Vous pouvez également ouvrir une page sur votre site pour la modifier. Dans le groupe "Images" du panneau d'options, cliquez sur le bouton "Parcourir" et spécifiez le chemin d'accès à l'image enregistrée sur votre ordinateur. Si vous souhaitez télécharger plusieurs images à la fois, appuyez le nombre de fois souhaité sur l'icône [+] et répétez l'opération pour chaque image. Pour chaque image téléchargée, un code sera généré ($ IMAGE1 $, $ IMAGE2 $ et ainsi de suite). Il apparaîtra à droite du bouton "Parcourir" dans un champ séparé, collez ce code à l'endroit souhaité sur la page.

Étape 4

A droite du champ avec le code, les champs avec la résolution de l'image sous forme d'aperçu deviendront disponibles pour l'édition. Spécifiez la hauteur et la largeur de vos images en mode aperçu. Si vous le souhaitez, vous pouvez en plus modifier les données dans le groupe "Dimensions maximales de l'image complète". Cliquez sur le bouton "Enregistrer". Les aperçus placés de cette manière sont agrandis lorsque vous cliquez dans un nouvel onglet. Si vous souhaitez que l'image soit agrandie sans quitter la page, insérez le script approprié sur le site.

Conseillé: