The Official Blog of Patcoola

Im just a dude watching over my parents,
and trying to make cartoons and video games from home.

Script: Image Best Fit [JS]

Important!

Dear visitors,

This blog and the Tigarus.com network will be changing our website software in May (2024). There will be some down time and there will be a change to the webpage addresses.

We will also be removing the Anime blogs. The Rocksmith Songs website will be unavailable of a few weeks or months while I move the database to the new software.

At the moment we are running on Wordpress, the new software is an in-house project which is 57 times faster. It will also provide more freedom for development.

Thank you for understanding.

, By Patcoola

Script Title: imageBestFit
Programming Language: Java Script
Date Completed: 2012/11/25

Purpose: To automatically change the height and width of an image to fit into a space on the Web page.

Advertisement

Donate Now!

I don't always use the women's bathroom, but when I do, you can bet it really smells. If you like my blog, please consider donating.


Description: Dynamically change the images displayed dimensions to fit into a space on the Web page. Images are scaled down to fit into a space. Returns undefined if the element is not valid.

Method:

imageBestFit ( imgObj, [priorityWidth_b] );

Optional argument priorityWidth_b, default value true. When set to false, the image placed outside an element will scale down to fit in the Web browser’s viewing area based on the image’s height and the Web browser’s viewable height, allowing the image to fit the hole viewing area.

Example Usage:

imageBestFit ( “myImg” );

Select the image by ID

imageBestFit ( document.getElementById(“myImg”) );

Select the image by document element

imageBestFit ( 0 );

Select the image by document element image index number

imageBestFit ( “myImg”, false );

Select the image by ID and scale the image by height when placed outside an element.

 

Advertisement

Donate Now!

Hi there, I spend a lot of time making this blog.

It would be great if you would consider donating.


 

Post Meta

Share Post

 

Comments: Write Comment

Be the first to write a comment.


Leave a Comment


All comments are reviewed before publishing. Comments must be related to the page topic, must not be spam, and must comply with the criminal code of Canada.