Die Tatsache, dass Sie jQuery erwähnen, bedeutet, dass Sie Thumbnail-Generierung als Teil einer Webseite erstellen möchten?
Wenn dies der Fall ist, wie Sneakyness implied ist es eine schlechte Idee, dies auf dem Client (in einem Webbrowser) zu tun. Wenn Sie dies auf dem Client planen, können Sie auch <img src="/images/really_large_file.jpg" border="0" height="50" width="50"> tun, da das Generieren der Thumbnails auf dem Client (in einem Webbrowser) erfordert, dass der Besucher die Vollversion jedes einzelnen Bilds herunterlädt, das Sie als Thumbnail verwenden möchten. Wenn diese Bilder groß sind, wird dies sehr langsam sein. Selbst 100 Bilder von je 10KB sind 1MB Bilder. Über ein Wählmodem würden sie etwa 4 Minuten zum Herunterladen benötigen.
Die Vorschaubilder sollten auf dem Server entweder im Voraus (wie sie hochgeladen werden) oder dynamisch (wie sie von den Besuchern angefordert werden) generiert werden.
Wenn Sie wirklich wollen noch diese (nicht empfohlen) tun, könnten Sie es mit etwas tun:
<script type="text/javascript">
function maintainAspectRatio(img) {
// retrieve a new copy of the image that is not sized 50 x 50
var newImg = new Image();
newImg.src = img.src;
// get the ratio of the width to the height
var ratio = newImg.width/newImg.height;
if (ratio > 1) {
// ratio is >1, preserve width 50, scale height
img.width = 50;
img.height = 50/ratio;
} else if (ratio < 1) {
// ratio is <1, preserve height 50, scale width
img.width = ratio * 50;
img.height = 50;
}
}
</script>
<!--
load image as 50 x 50 "thumbnail" to reserve screen space
this will most likely result in the aspect ratio being corrupted
we will use JavaScript to fix this
-->
<img src="http://www.google.com/intl/en_us/images/logo.gif"
border="0" height="50" width="50"
onload="maintainAspectRatio(this);">
könnten Sie auch diese Frage betitelt haben „Blah blah“ –
Wenn Sie ein fordern Dienstprogramm, um Bildminiaturen zu erstellen, versuchen Sie es auf Superuser.com. Google für Beta-Schlüssel, falls erforderlich. – RedFilter