Question

is there any javascript library for resizing the images according to browser window sizes ?

I need to consider all cases (vertical / horizonal image, vertical / horizonal browser window)

N.B. The image scale has to be the same! (no distorsions)

thanks

Answer 1

I came up with this solution. Is this insane in your opinion ? It works.. 🙂

var scale = 1;

                if ( imageWidth > imageHeight) {
                    if ( imageWidth > windowW) {
                        scale = windowW / imageWidth;
                        if ( (imageHeight * scale) > windowH) {
                            scale = scale * (windowH / imageHeight);
                        }
                    } else {
                        if ( imageHeight > windowH) {
                        scale = windowH / imageHeight;
                        if ( (imageWidth * scale) > windowW) {
                            scale = scale * (windowW / imageWidth);
                        }
                    }
                } 
                } else {
                    if ( imageHeight > windowH) {
                        scale = windowH / imageHeight;
                        if ( (imageWidth * scale) > windowW) {
                            scale = scale * (windowW / imageWidth);
                        }
                    } else {
                            if ( imageWidth > windowW) {
                                scale = windowW / imageWidth;
                                if ( (imageHeight * scale) > windowH) {
                                    scale = scale * (windowH / imageHeight);
                                }
                    }
                }
            }





                imageHeight = imageHeight * scale;      
                imageWidth = imageWidth * scale;