La taille des écrans étant limitée, il est difficile d’afficher simultanément plusieurs images de grande taille à l’intérieur d’une même page HTML. La solution consiste à les faire apparaître d’abord sous forme de vignettes, afin que
l’utilisateur puisse voir ce qu’elles représentent. Puis, vous devez donner la possibilité à cet utilisateur de les agrandir lorsqu’il en trouve une qui l’intéresse.Pour cela, commencez par placer dans un même dossier toutes les images, que vous nommerez par exemple img1.jpg, img2.jpg, etc. Saisissez ensuite dans le Bloc-notes le listing ci-dessous, en
ajoutant autant d’instructions
que vous avez d’images dans votre page Web.Modifiez les valeurs HEIGHT et WIDTH pour qu’elles représentent environ le dixième de la taille réelle des images. Sauvegardez ce listing sous le nom de Vignette.htm, dans le même dossier que les
images.Lancez-le dans le navigateur en cliquant deux fois sur son nom. Les images apparaissent alors en taille réduite. Il ne reste plus qu’à cliquer sur l’une d’entre elles pour qu’elle s’affiche en taille réelle. Cependant, n’oubliez pas que
le navigateur charge les images avec leur taille réelle, puis seulement qu’il en réduit l’affichage. En conséquence, le temps de téléchargement de la page comportant les images réduites sera aussi long que si elles étaient affichées directement dans
leur taille réelle.
🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.
