SORU
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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 1881 Animation

    1881 Animati

    5 EKİM 2013
  • Karan Thakur

    Karan Thakur

    23 HAZİRAN 2010
  • Muse

    Muse

    28 EYLÜL 2006