Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Widok: 4106|Odpowiedź: 2

[Szarpanie] jQuery image lazy loading lazyload plugin

[Skopiuj link]
Opublikowano 05.04.2023 20:17:05 | | | |
Wymagania: Na stronie HTML jest zbyt wiele obrazów, jeśli użytkownik odwiedza ją po raz pierwszy, jest bardzo wolna, ponieważ trzeba załadować setki obrazów, a znalazłem też leniwe rozwiązania do leniwego ładowania obrazów z Internetu, zasada polega na tym, że adres src tagu img jest ustawiony na ten sam adres, a następnie data-xxx ustawia rzeczywisty adres obrazu, gdy strona zostanie załadowana, przechodzi przez wszystkie tagi img i zastępuje adres data-xxx adresem src.



Adres wtyczki lazyload:Logowanie do linku jest widoczne.

Pobierać:


lazyload-1.9.7.zip (781.69 KB, Liczba pobranych plików: 1)

Skorzystaj z tutoriala

Ustaw rzeczywisty adres obrazu w atributie data-original w następujący sposób:

Następnie wywołaj kod js na dole HTML-a tak:

(Koniec)




Poprzedni:Narzędzie Cassowary do testów obciążeniowych HTTP
Następny:[Rzeczywista walka]. NET/C#, aby uzyskać zdjęcia szczegółów produktu JD.com
Opublikowano 05.04.2023 22:19:43 |
Naucz się uczyć
Opublikowano 22.04.2023 13:51:02 |

Naucz się uczyć
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.

Mail To:help@itsvse.com