JavaScript ile resim boyutlandırma
4 Şubat 2008 | Kategori : JavaScript
Sanalcafe forumda böyle birşey gerekliydi, konu ve cevap içeriğindeki büyük boyutlu resimler tasarımı kaydırıyordu.
Aşağıdaki kod sayfa tamamen yüklendikten sonra, Genişliği 600px den büyük olan resimleri 600px haline getiriyor. Yüksekliğinide buna göre ayarlıyor…
window.onload= function() {
ims = document.images;
for (var i in ims) {
if (ims[i].width > 600) {
ims[i].width=600;
ims[i].height=Math.round(ims[i].height*600/ims[i].width);
}
}
}
Güle güle kullanın…
JavaScript ile resim boyutlandırma isimli yazıya 6 yorum
Selçuk
10 Şubat 2008 22:33
Peki selim bu kodu daha küçültmek için kullanabilir miyiz. Resmi aşırı derecede bozma yapar mı?
Selim Topaloğlu
11 Şubat 2008 15:28
Kod içinde Pixel i küçültebilirsin… Bozma olacaktır. Orantılı küçültsede mutlaka bi pixelleşme olur.
Burçin Mumcuoğlu
12 Şubat 2008 01:29
SC’de en beğendim olaylardan biri bu resimleri ufaltması.
Tam bilmemek ile birlikte javascript ile bir çok kolaylık sağlanabilmekte.
Resimler bozmuyor da şimdide smile’ların yanlış kullanımı sonrasında kaymalar oluyor…
Selçuk
13 Şubat 2008 15:05
Orantısal olarak denemek istiyorum..Mesela 1024/2 veya 1024/8 olarak bu şekilde o kadar bozulma olmaz herhalde.Bu arada kod için çok saqol güzel bir uygulama
Mehmet Mutlu
18 Mayıs 2009 00:38
Tüm sayfada değilde sadece adını verdiğimiz div içersinde böyle bişey yapılabilir mi acaba olursa çok makbule geçer
Selim Topaloğlu
18 Mayıs 2009 00:45
Merhaba Mahmut, JQuery ile istediğini yapmıştım, kullabilirsin.
$(document).ready(function() {
$(”#divadi img”).each(function() {
if (this.width >= 450) {
this.width=450;
this.height=Math.round(this.height*450/this.width);
}
});
});