19 EKİM 2010, Salı
Nasıl resimlerinizin boyutunu orantılı boy oranı tutmak için/?
Oldukça büyük görüntüler onları küçültmek istiyorum boyut ve oranlar kısıtlı tutarken jQuery ile aşağı, yani aynı boy oranı var.
Birileri bazı kod bana gelin, ya da mantığını açıklayabilir mi?
CEVAP
19 EKİM 2010, Salı
http://ericjuden.com/2009/07/jquery-image-resize/ Bu kod parçası bakabilirsiniz
$(document).ready(function() {
$('.story-small img').each(function() {
var maxWidth = 100; // Max width for the image
var maxHeight = 100; // Max height for the image
var ratio = 0; // Used for aspect ratio
var width = $(this).width(); // Current image width
var height = $(this).height(); // Current image height
// Check if the current width is larger than the max
if(width > maxWidth){
ratio = maxWidth / width; // get ratio for scaling image
$(this).css("width", maxWidth); // Set new width
$(this).css("height", height * ratio); // Scale height based on ratio
height = height * ratio; // Reset height to match scaled image
width = width * ratio; // Reset width to match scaled image
}
// Check if current height is larger than max
if(height > maxHeight){
ratio = maxHeight / height; // get ratio for scaling image
$(this).css("height", maxHeight); // Set new height
$(this).css("width", width * ratio); // Scale width based on ratio
width = width * ratio; // Reset width to match scaled image
height = height * ratio; // Reset height to match scaled image
}
});
});
Bunu Paylaş:
Nasıl bir liste boyutunu almak için...
Nasıl bir UİİmageView orantılı olarak ...
Nasıl python ile dosya boyutunu kontro...
Nasıl Java metin editörleri için Eclip...
Nasıl Vim dikey bölünmüş pencere boyut...