Ich verwende TimThumb, ein PHP-Skript zum Ändern der Größe von Bildern.
Das Bild wird zwischengespeichert, und meine Webanwendung ist auf dieses Caching angewiesen, um ordnungsgemäß zu funktionieren.
Wenn das Bild nicht auf dem Server zwischengespeichert ist, funktioniert es nicht richtig. Ich frage mich, ob es eine Möglichkeit gibt, Timthumb zu zwingen, ein Bild zwischenzuspeichern und es dann abzurufen, oder ob es eine Möglichkeit gibt, JavaScript zu verwenden, um das Bild sicherzustellen wird zuerst zwischengespeichert.
Um sicherzustellen, dass der Browser ein Bild vorab in den Cache lädt, können Sie einige native JavaScript-Objekte verwenden.
var imgPreload = new Image();
imgPreload.src = PATH_TO_IMAGE;
Jetzt, wenn Sie eine geben <img>
tag ein src
Attribut, das dasselbe ist wie PATH_TO_IMAGE
wurde es bereits vom Browser vorgeladen.
<img src="PATH_TO_IMAGE" width="100%" >
Sie könnten auch einige Bilder in Ihren HTML-Code laden und sie einfach mit einigen CSS-Tricks verstecken –
-
display:none
oder
-
visibility:hidden
zeigen sie dann erst an, wenn sie vollständig geladen sind. Du könntest die verwenden .load()
Funktion dafür. Befestigen Sie es einfach an der <img>
Schild –
$("#imageSelector").load(function(){
// image was fully loaded.
});
mögliches Duplikat von How do you cache an image in Javascript
– Lix
28. Juli 2012 um 11:54 Uhr