Kod HTML rozszerzający obrazy witryny

Łączę duże obrazy

Podstawowym sposobem użycia kodu HTML do powiększenia obrazu jest po prostu połączenie każdego dużego obrazu z jego mniejszą wersją, zwaną "miniaturą". Kiedy czytelnicy klikną na mały obraz, załaduje on duże na ekranie, aby powrócić do poprzedniej strony, użyj przycisku "Wstecz" w przeglądarce. Ten kod korzysta z tagów HTML i ,

Korzyści

Istnieje wiele zalet łączenia dużych obrazów za pomocą miniatur. Ponieważ duże obrazy nie są bezpośrednio zawarte w witrynie, każda strona ładuje się szybciej, co zmniejsza ryzyko wystąpienia powolnych połączeń i utraty cierpliwości odwiedzających, a tym samym powoduje decyzję o odwiedzeniu innej witryny. Ponadto, użytkownicy sami zdecydują, czy chcą przesłać większe obrazy zamiast narzucać, a zwłaszcza tym, którzy korzystają z połączeń z limitami pobierania, a także tym, którzy płacą za ich połączenie w zależności od kwoty do pobrania, Ci użytkownicy nie przekraczają limitu, więc nie muszą płacić dodatkowych pieniędzy, jeśli tego nie chcą.

Rozważania

Podstawowy kod jest oparty na użytkownikach, którzy używają przycisku "Wstecz", aby powrócić do miejsca, w którym się znajdowali. Może to zmylić niektórych użytkowników, którzy mogą zamknąć okno zawierające duży obraz, a zatem nie ma możliwości powrotu do poprzedniej strony. Alternatywą jest otwieranie każdego dużego obrazu w nowym oknie, chociaż może to dezorientować użytkowników w taki sam sposób, w jaki mogą nie zdawać sobie sprawy z otwarcia okna i zastanawiać się, dlaczego ich przycisk "Wstecz" nie działa. Inną alternatywą jest utworzenie pliku HTML dla każdego większego obrazu i odsyłacza do tego pliku HTML, zamiast bezpośredniego przejścia do obrazu. Pozwala to na dołączenie linku, który prowadzi z powrotem do poprzedniej strony z każdym obrazem, co zapewnia prostotę nawigacji.

Alternatywy

Zarówno CSS, jak i JavaScript oferują sposoby powiększania obrazów na tej samej stronie, zamiast zmuszać użytkownika do poruszania się po nowym. Wadą tej metody jest to, że opiera się ona na umieszczaniu dużych obrazów na stronie, które są ukryte, dopóki użytkownik nie wejdzie w interakcję z miniaturami. Jeśli partia obrazów znajduje się na stronie, zwiększa się wykładniczo czas ładowania strony. Ta metoda może jednak nie działać w przypadku użytkowników, którzy odwiedzają Twoją stronę ze starą przeglądarką lub smartfonami.