5

Sto lavorando su una pagina Web che esegue il rendering di una parete di foto e mentre si scorre verso il basso, si utilizza lo scorrimento infinito di jQuery per caricare la successiva serie di foto.Immagini mancanti in modo casuale in IE quando si utilizza jQuery Masonry

Sto usando jQuery Masonry insieme a jQuery InfiniteScroll.

Tutto funziona perfettamente con Chrome e Firefox, ma durante la visualizzazione in IE, ho notato che le immagini non sarebbero state mostrate casualmente, sebbene se avessi aggiornato la pagina, sarebbero apparse ma altre sarebbero scomparse. Allo stesso modo, se faccio clic con il pulsante destro del mouse sull'immagine mancante e scelgo "Mostra immagine", appare immediatamente.

Così ho testato un paio di demo sullo jQuery Masonry website e ho scoperto che, anche se in IE, a volte, le immagini casuali non venivano visualizzate. Ciò accade per me sullo Infinite Scroll demo e persino sullo Images demo a volte (che non utilizza lo scorrimento infinito).

Qualcun altro ha provato questo, o conosce una soluzione? Allo stato attuale, non potrò andare avanti con il mio progetto attuale poiché è essenzialmente inutilizzabile in IE.

BTW - Sto usando IE9.

+0

OMG ... che provo per te. –

+0

Cosa mostrano le schede della console e della rete quando le immagini non vengono caricate? – Sampson

+0

La scheda di rete mostra 'Aborted' come risultato per quelle immagini che non riescono a caricare, senza alcun tipo di immagine, mentre quelle che caricano con successo hanno un tipo di immagine di image/jpeg e Response di 304. – marcusstarnes

risposta

0

Da alcune indagini ulteriori (errore di prova &), ho determinato che il problema si verifica solo quando si utilizza la Massoneria.

Così ora sono passato a jQuery Wookmark, che soddisfa tutte le caselle per me e questo non presenta nessuno degli stessi problemi.

0

Le immagini che non si caricano sono un problema noto nella versione 2 delle immagini script usati da Masonry. Se aggiorni il tuo codice per utilizzare l'ultimo script della versione 3 di PhotosLoaded, allora questo risolverà i problemi di caricamento dell'immagine di IE.

Nota è necessario caricare in modo esplicito il file imagesloaded.js subito dopo il file js muratura poiché le versioni precedenti di imagesloaded è stato incluso con la Massoneria, ma ora è stato separato nella versione 3.

Includendo l'ultima imagesloaded .js, puoi mantenere la versione in muratura esistente, dal momento che alcune opzioni ed eventi della versione 3 della muratura sono cambiati e potresti scoprire che non funziona più come previsto.

Scarica l'ultima versione qui: http://desandro.github.io/imagesloaded/