calibre/resources/viewer/images.js

/*
 * images management
 * Copyright 2008 Kovid Goyal
 * License: GNU GPL v3
 */

function scale_images() {
    $("img:visible").each(function() {
        var img = $(this);
        var offset = img.offset();
        var avail_width = window.innerWidth - offset.left - 5;
        var avail_height = window.innerHeight - 5;
        img.css('width', img.data('orig-width'));
        img.css('height', img.data('orig-height'));
        var width = img.width();
        var height = img.height();
        var ratio = 0;

        if (width > avail_width) {
            ratio = avail_width / width;
            img.css('width', avail_width+'px');
            img.css('height', (ratio*height) + 'px');
            height = height * ratio;
            width = width * ratio;
        }

        if (height > avail_height) {
            ratio = avail_height / height;
            img.css('height', avail_height);
            img.css('width', width * ratio);
        }
        //window.py_bridge.debug(window.getComputedStyle(this, '').getPropertyValue('max-width'));
    });
}

function store_original_size_attributes() {
    $("img").each(function() {
        var img = $(this);
        img.data('orig-width', img.css('width'));
        img.data('orig-height', img.css('height'));
    });
}

function setup_image_scaling_handlers() {
   store_original_size_attributes();
   scale_images();
   $(window).resize(function(){
        scale_images();
   });
}