2012-12-03 16 views
5

Pracuję na stronie internetowej, która renderuje ścianę ze zdjęciami, a podczas przewijania w dół używa nieskończonego przewijania jQuery do załadowania następnej partii zdjęć.Losowo brakujące obrazy w IE podczas korzystania z jQuery Masonry

Używam jQuery Masonry wraz z jQuery InfiniteScroll.

Wszystko działa poprawnie w przeglądarce Chrome i Firefox, ale podczas przeglądania w trybie IE zauważyłem, że obrazy nie są wyświetlane losowo, ale jeśli odświeżę stronę, pojawią się, ale inne znikną. Podobnie, jeśli kliknę prawym przyciskiem myszy na brakującym obrazie i wybiorę "Pokaż obraz", natychmiast się pojawi.

Więc przetestowałem kilka wersji demonstracyjnych na jQuery Masonry website i odkryłem, że znowu, podczas gdy w IE, od czasu do czasu losowe obrazy nie byłyby renderowane. To dzieje się dla mnie na Infinite Scroll demo, a czasami nawet na Images demo (która nie używa Nieskończonego Przewiń).

Czy ktoś inny doświadczył tego lub zna rozwiązanie? W obecnej sytuacji nie będę mógł kontynuować mojego obecnego projektu, ponieważ jest on w zasadzie bezużyteczny w ramach IE.

BTW - Używam IE9.

+0

OMG ... Czuję się dla ciebie. –

+0

Co pokazują karty Konsola i Sieć, gdy obrazy nie ładują się? – Sampson

+0

Na karcie sieci wyświetlany jest komunikat "Przerwano" jako wynik dla obrazów, które nie mogą się załadować, bez typu obrazu, natomiast te, które zostały pomyślnie załadowane, mają obraz typu image/jpeg i odpowiedź 304. – marcusstarnes

Odpowiedz

0

Po przeprowadzeniu dalszych badań (próbny błąd &) stwierdziłem, że problem występuje tylko podczas używania muru.

Tak więc przełączyłem się na jQuery Wookmark, który zaznacza wszystkie pola dla mnie, i to nie wykazuje tych samych problemów.

0

Nie ładowanie obrazów jest znanym problemem w wersji 2 skryptów imagesLoaded używanych przez masonry. Jeśli zaktualizujesz swój kod, aby użyć najnowszego skryptu w wersji 3, to naprawi to problemy z ładowaniem obrazów IE.

Uwaga trzeba będzie jawnie załadować plik imagesloaded.js bezpośrednio po murze pliku js od poprzednich wersji imagesloaded została dołączona do masonerii, lecz teraz została oddzielona w wersji 3.

Włączając najnowszą imagesloaded W przypadku pliku .js można zachować istniejącą wersję murową, ponieważ niektóre opcje i zdarzenia związane z wersją 3 w murze uległy zmianie i może się okazać, że nie działa zgodnie z oczekiwaniami.

Pobierz najnowszą wersję tutaj: http://desandro.github.io/imagesloaded/

Powiązane problemy