Å fikse .load () i IE for bufrede bilder - CSS-triks

Anonim

.Load () -funksjonen utløses når elementet det kalles på er fullastet. Det brukes ofte på bilder, som kanskje ikke er fulladet når JavaScript opprinnelig kjører, og dermed vil gi feil informasjon om seg selv (f.eks. Høyde / bredde). De fleste nettlesere takler denne boten. IE kan forårsake problemer når bilder på siden er hurtigbufrede.

Velge bildet og endre det src-attributtet for å legge til en tilfeldig parameter (basert på datoen). Dette vil lure IE til å skyte .load () -funksjonen riktig.

myImge = $("") .attr("src",anyDynamicSource+ "?" + new Date().getTime());

Nå fungerer .load () -funksjonen, selv i IE:

$(myImge).load(function() ( alert("will alert even in IE") ));
Se den første kommentaren for en advarsel om bruk av denne teknikken med et CDN.