Dynamically Resize Image

Jimbo17

I have a table of information that is gathered from a database (http://gpl.3dvault.net) and I would like to have a background image to go with it, but I need to image to resize with the table. Is this possible? And, if so, how would it be done? TIA

bschwarz

I know you can use the GD library to resize the images.
It actually resamples them.. although I've never used it myself.

That might stick you in the right direction hopefully.

drawmack

why not set the image up as a tile?

access9

It's a lot easier than you think. Here is a function that I use to display a resized image image in a
predefined popup window to 360 pixels using the builtin php function getimagesize() :

/* Display an image, scale it based on it's size relative to 360 pixels */
function display_image($image_path, $image_name) {

/* Get image parameters (size) for display. */
$image_parm = getimagesize("$image_path/$image_name");

/* If the image height is greater than the image width */
if ($image_parm['0'] > $image_parm['1']) {

    /* If the height is greater than 360, scale it */
    if ($image_parm['0'] > 360) {
        echo "<html>\n<body>\n" .
             "\t<img src=\"/images/$image_name\" height=\"270\" width=\"360\" border=\"0\">\n" .
             "</body>\n</html>\n";
    }
    else echo "<html>\n<body>\n" .
              "\t<img src=\"/images/$image_name\" $image_parm[3] border=\"0\">\n" .
              "</body>\n</html>\n";
}

/* If the image width is greater than the image height */
if ($image_parm['0'] < $image_parm['1']) {

    /* If the height is greater than 360, scale it */
    if ($image_parm['1'] > 360) {
        echo "<html>\n<body>\n" .
             "\t<img src=\"/images/$image_name\" height=\"360\" width=\"270\" border=\"0\">\n" .
             "</body>\n</html>\n";
    }
    else echo "<html>\n<body>\n" .
              "\t<img src=\"/images/$image_name\" $image_parm[3] border=\"0\">\n" .
              "</body>\n</html>\n";
}
}

Jimbo17

When you have a table that is set up so that it changes as the window size is changed (ie. you load the page and as you drag the window bigger and smaller, the table changes proportionally) the image changes size with it. Will that script do that?

access9

The script dynamically resizes an image based on it a given size, in this example I used 360 pixels. It will not resize an image based on a table size (although that wouldn't be difficult), just used a variable to define with width and height of the table and use the same variable for the image width and height; just check your porportions.