Codage html pour agrandir les images pour les sites web

La méthode de base pour utiliser le code HTML pour agrandir une image est tout simplement un lien vers chaque grande image en utilisant une version plus petite de celui-ci, appelé "la vignette." Lorsque les lecteurs cliquez sur une vignette, les grandes charges d`image sur leur écran- pour revenir à la page précédente, ils utilisent leur navigateur de "Arrière" bouton. Ce code utilise le et balises HTML.

http://yoursite.com/largeimage.jpg"gt; src =" gt;

Il y a de multiples avantages pour relier de grandes images à travers l`utilisation de vignettes. Étant donné que les grandes images ne sont pas directement inclus dans le site, chaque page se charge plus rapidement, en réduisant le risque que les lecteurs sur les connexions lentes vont perdre leur patience et de décider de visiter un site Web différent à la place. En outre, les utilisateurs sont en mesure de décider eux-mêmes si elles veulent charger des images plus grandes, plutôt que de l`avoir forcé sur eux des gens qui utilisent des connexions avec des limites de téléchargement, ainsi que ceux qui paient pour leur connexion en fonction du montant qu`ils téléchargent, ont gagné ` t courir sur leur limite ou à payer un supplément si elles ne veulent pas.

Le code de base repose sur les lecteurs en utilisant leur "Arrière" bouton pour revenir à l`endroit où ils se trouvaient. Cela pourrait confondre certains utilisateurs, qui pourraient fermer la fenêtre contenant la grande image et ont donc aucun moyen de revenir à la page précédente. Une alternative consiste à ouvrir chaque grande image dans une autre fenêtre, bien que cela puisse de même confondre les utilisateurs qui ne remarquent l`ouverture de la fenêtre et se retrouver se demandant pourquoi leur "Arrière" bouton ne fonctionne pas. Une autre alternative est de créer un fichier HTML pour chaque image plus grande et un lien vers ce fichier HTML plutôt que directement à l`image. Cela vous permet d`inclure un lien menant vers la page précédente avec chaque image, ce qui rend la navigation plus simple.

Les deux CSS et javascript offrent des moyens d`agrandir des images sur la même page plutôt que de forcer l`utilisateur à accéder à une nouvelle. L`inconvénient de cette méthode est qu`elle repose sur l`inclusion des grandes images dans la page, mais de les cacher jusqu`à ce que l`utilisateur interagit avec les vignettes. Si beaucoup d`images sont sur la page, ce qui augmente le temps de chargement de la page de façon exponentielle. Cette méthode peut aussi ne pas fonctionner pour les lecteurs qui visitent votre page à l`aide d`un navigateur plus ancien ou de leurs smartphones.