HTML код за разширяване на изображенията за уеб сайт

Свързвам големи изображения

Основният начин да използвате HTML кода за увеличаване на изображението е основно да свържете всяко голямо изображение с по-малка версия, наречена "миниатюра". Когато читателите кликнат върху малко изображение, ще се заредят големи на екрана, за да се върнат на предишната страница, използвайте бутона "Назад" в браузъра си. Този код използва HTML тагове и ,

ползи

Има множество предимства при свързването на големи изображения чрез използването на миниизображения. Тъй като големите изображения не са включени директно в уебсайта, всяка страница се зарежда по-бързо, намалявайки риска посетителите да преживяват бавни връзки и да губят търпение, като по този начин генерират решение да посетят друг сайт. Освен това, потребителите ще решат сами дали искат да качват по-големи изображения вместо да бъдат налагани, и особено за тези, които използват връзки с лимитите за изтегляне, както и за тези, които плащат за връзката си в зависимост от сумата за изтегляне, Тези потребители не превишават лимита, така че не трябва да плащат допълнителни пари, ако не го искат.

съображения

Основният код се основава на посетителите, които използват бутона "Назад", за да се върнат там, където са били. Това може да обърка някои потребители, които могат да затворят прозореца, съдържащ голямото изображение, и следователно няма начин да се върнете към предишната страница. Друга алтернатива е да отворите всеки голям образ в нов прозорец, въпреки че това може да обърка потребителите по същия начин, по който може да не осъзнаят отварянето на прозореца и да се чудят защо техният бутон "Назад" не работи. Друга алтернатива е да създадете HTML файл за всяко по-голямо изображение и връзка към този HTML файл, вместо да отидете направо в изображението. Това позволява да се включи връзка, която води до предишната страница с всяко изображение, като постига лекота на навигация.

алтернативи

Както CSS, така и JavaScript предлагат начини за увеличаване на изображенията на една и съща страница, вместо да принуждават потребителя да навигира в нова. Недостатъкът на този метод е, че той се основава на включването на големи изображения в страницата, които са скрити, докато потребителят не взаимодейства с миниатюрите. Ако на страницата има партида изображения, това увеличава експоненциално времето за зареждане на страницата. Този метод обаче може да не работи за потребители, които посещават страницата ви със стар браузър или от смартфоните си.