Image resize problem Javascript

Hi I have a problem with the code im using to resize an image to fit it within a fixed size cell in a table. The code is supposed to resize the image and retain its aspect ratio. But it does not seem to be resizing it . The example can be seen here www.climbthemunros.co.uk/test_page2.htm

My code is shown below . Can anyone see what im doing wrong ?

Expand|Select|Wrap|Line Numbers

 
<html>
 
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Ben Nevis - Image Gallery</title>

<script type="text/javascript">
 
function bigpic(file)

{
 
        var main = document.getElementById("MAINPIX");
 
       main.style.height = "auto";

       main.style.width = "auto";
 
      main.src = (file)
 
}
 
function fixSize(image)

{
 
    var w = image.width *2;

    var h = image.height *2;
 
    if ( w > 395 )

    {
 
         h = Math.floor( h * 395 / w );

         w = 395;

    }
 
    if ( h > 286 )

    {

         w = Math.floor( w * 286 / h );

         h = 286;

    }
 
    image.width = w;

    image.height = h;

   image.style.left = Math.floor( (395 - w ) / 2 ) + "px";

    image.style.top = Math.floor( (286 - h ) / 2 ) + "px";

    image.style.visibility = "visible";

}

</script>

</head>
 
<body>
 
<div style="position: relative; height: 280px; width: 395px; overflow: hidden">

    <img id="MAINPIX" style="position: absolute;" onload="fixSize(this);"> </div>

<a onclick="bigpic('http://www.climbthemunros.co.uk/test4.jpg')">next </a>

<a onclick="bigpic('http://www.climbthemunros.co.uk/test3.jpg')">previous</a>
 
</body>
 
</html>

Mar 18 '10 #1

Subscribe Post Reply

2160

gits

5,390

Expert Mod 4TB

tested it with chromium ... it only does something when clicking the next/previous 'buttons'? ... then it shows images ... but i don't get what the problem should be exactly. no JavaScript error occurs and the image-height is fixed ... shouldn't it be that way? what does '... But it does not seem to be resizing it ...' mean here? for me it seems ok ... which browser do you use?

kind regards

Mar 20 '10 #2

Similar topics

Disable automatic image resize

by: Weng kin | last post by:

Hi everyone, I have a problem trying to load an image without the image resizing itself to fit into the window. My simple javascript is as follows: function viewImage(filename) { features =...

Javascript

image grows outside a box

by: Abs | last post by:

Hi! I have an image inside a DIV box with its dimensions specified. The problem is that I don't know the dimensions of the image beforehand, therefore the image grows outside the box if it's...

HTML / CSS

How to limit an image size to AxB?

by: http://links.i6networks.com | last post by:

I need to display pictures, but only as large as AxB. If it is smaller than AxB, then I will display it in the original size, if it is larger than AxB, I will resize it. However, if the size is...

Javascript

Resize to image

by: Michael Satterwhite | last post by:

I'm opening a page that has a single image on it. I'd like to resize the window containing the image to the size of the image (slightly larger OK, not smaller). The width isn't a problem, but the...

Javascript

Let User Drag to Re-Size Image

by: ACaunter | last post by:

Hi there, I was wondering if there is a way to allow the user to resize an image by clicking and drawing on of the four corners of the image.. thanks -- AdamPC@hotmail.com

ASP.NET

What is the best way to resize an image?

by: Rudy | last post by:

Hello all! I been trying to get a handle with Images. I have learned alot from the fine people here. So, I also learned that thumbnail images look terrible taken from a digital cam. I know why...

ASP.NET

Upload image and then resize it - A generic error occurred in GDI+.

by: David Lozzi | last post by:

Howdy, I have a function that uploads an image and that works great. I love ..Nets built in upload, so much easier than 3rd party uploaders! Now I am making a public function that will take the...

ASP.NET

How do I resize an image to a given window size?

by: Robert S | last post by:

I am writing an image viewer. I want to be able to resize the image so that it always fits within a window of given height and width. I've tried a couple of these from the web, but the don't...

PHP

resize image on client side

by: Bob Bedford | last post by:

Hi all, I've a classic upload form where people may select images on their computer to send on my website. Since this is done by people not very confortable with computers, some sent pictures...

Javascript

IE caches wrong image sizes

by: kayahr | last post by:

Hi there, I have a strange problem in Internet Explorer (IE6 and IE7). I'm writing a JavaScript application which allows the user to edit a photo composition. So when the user selects a photo then...

Javascript

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA