jeśli używam składni jQuery: $("<img src='img.jpg'>")
, czy obraz zostanie faktycznie pobrany na klienta? czy muszę go dołączyć do ciała, aby go pobrać?
Odpowiedz
Nie trzeba dodawać elementu obrazu do dokumentu, aby obraz został załadowany.
Sam element obrazu zażąda obrazu zaraz po jego utworzeniu (i tak szybko, jak ma wartość src
).
Oglądaj acivity netto (w Firebug/Developer Tools) podczas uruchamiania to: http://jsfiddle.net/Guffa/AvgVN/
Google "javascript preload" znaleźć mnóstwo przykładów kodu, który używa tego.
Tak, obraz zostanie pobrany natychmiast.
Nawet jeśli utworzony element Image
nie znajduje się jeszcze w DOM, przeglądarka będzie nadal pobierać go zaraz po ustawieniu atrybutu .src
.
Używanie własnego awatara, po prostu zrobił to w konsoli:
> i = $('<img src="http://graph.facebook.com/100002351317104/picture?type=large">');
...
> i[0].width
180
pokazując, że obraz jest rzeczywiście załadowany.
Jeśli myślisz o tym, tak naprawdę musi być w przypadku, w przeciwnym razie wstępne ładowanie obrazu może nigdy nie zadziałać. Wstępne ładowanie obrazu zależy od utworzenia odłączonego węzła Image
i ustawienia jego src
, co jest dokładnie tym, co zrobi $("<img src=...>")
.
+1 It * is * faktycznie natychmiast pobrać! – techfoobar
Powiedziałbym tak, a może zależy od przeglądarki.
$("<img src='http://crssrd.com/web_apps/index/themes/crssrd.com/images/loading.gif'>")
testu to na Chrome na przykład: http://jsfiddle.net/SMnhU/ Obraz jest natychmiast pobrać.
Czy możesz podać przykład, w którym przeglądarka _nie robi, aby natychmiast pobrać obraz? –
Nie, wszystkie przeglądarki testowałem i pobierałem je natychmiast. Ale nie testowałem na przykład opery, ale naprawdę zdziwiłbym się, gdyby była inna w tej przeglądarce. –
Może więc można bezpiecznie powiedzieć, że nie zależy to od przeglądarki :) –
- 1. Ustaw obraz src na inny obraz jquery
- 2. jQuery wybierz img z src
- 3. Jak odświeżyć src z <img /> z jQuery?
- 4. <img src> w/timeout?
- 5. Sprawdź, czy img src jest pusty jQuery
- 6. zobacz, czy src z img istnieje
- 7. Zamień obraz src z jquery
- 8. jQuery: Jak znaleźć obraz przez jego src
- 9. Edytor TinyMCE dodaje dane-mce-src do <img />
- 10. Jquery: Pobierz każdy obraz src
- 11. znaleźć obraz src, który: zawiera?
- 12. Jak ustawić znacznik <img> z podstawowym uwierzytelnianiem
- 13. Oracle Blob jako img src na stronie PHP
- 14. Co się stanie, jeśli niepoprawny adres zostanie uprzednio pobrany?
- 15. jQuery zmieniając <img> src z $ (selektor) .prop zajmuje dużo czasu
- 16. Angular.js - Filtr w tagu img src
- 17. Jak ustawić obraz src na pusty?
- 18. Definiowanie atrybutu src w CSS <img> w CSS
- 19. PHP - zastąp znaczniki <img> i zwróć src
- 20. javascript dynamicznie zmienić obraz src
- 21. Polityka bezpieczeństwa treści: dane "img-src": "
- 22. Mobile Safari renderuje <img src="data:image/jpeg;base64..."> skalowane na płótnie?
- 23. Nagłówek autoryzacji w img src link
- 24. Błąd konsoli kątowej img src
- 25. XPath wybierz łącza graficzne - macierzysty link href z img src tylko jeśli istnieje, w przeciwnym razie wybierz img src link
- 26. JQuery zmieniają odcień, nasycenie, gamma <img>?
- 27. nokaut obraz src wiązanie problemu
- 28. Extract obraz src z ciągiem
- 29. jQuery: Sprawdź, czy obraz istnieje
- 30. Scrapy - ekstrakt zagnieżdżony "img src" przy użyciu xPathSelector
Myślałem, że to było złe, ale tak nie jest! Pamiętam, że tak działały także późniejsze "preloadery" obrazów z lat 90. –
Ja też. Faktem jest, że jest on faktycznie natychmiast pobrany! – techfoobar