Make sure height is dividable by 4 if not make it so
Having a bit of an issue please see the following code:
window.onload = function () {
var imgHeight = $("#profile_img").height();
var infoPanels = imgHeight - 6;
//include borders and margin etc..
var infoPanelsHeight = infoPanels / 4;
$('.resize').css("height",infoPanelsHeight + "px");
$('.resize2').css("height",infoPanelsHeight + "px");
}
What i’m trying to do is find the height of an image (floated:left), then divide it by 4 and use the outcome to set the height of 4 divs (floated:right), so they equal the height of the image in total.
I’m using this on a resizing project of mine but because the image height depends on the viewing window (in this case a mobile screen), the number is very rarely rounded up correctly so the divs are always out 开发者_C百科by 1-4 px.
So for a work around I want to find the height of the image, then if the height isn’t dividable by 4 adjust so it is... resize the image then resize the divs using the new image height.
So my question is how do i check the height of the image, if it isn’t dividable by 4 then make it so it is?
I’m using jquery and javascript generally.
Thanks for your help in advance.
Sam Tassell.
I would try:
if (imgHeight % 4 != 0) { // checks if the imgHeight is not dividable by 4
$("#profile_img").attr("height") = Math.floor(imgHeight / 4) * 4; // set lowest height that is dividable by 4
}
Note:
- The image may become a little blurry because the result depends on your browser capabilities.
- % is called modulus operator
You need the mod operator %:
imgHeight % 4
if the result is not '0' then you know imgHeight is not divisible by 4.
精彩评论