[[NEMESIS]]

I have lots of images in different sizes. Some of them are too large and I want them to change their dimensions. So I've put:

img { max-width: 325px;} 

So if the image is 500px wide, It will reduce it's width to 325px. However, that will not influence the height of the image. That is my problem. I want images to proportionally resize. How can I achieve that?

[Shiro]

If you know any server side programming you could add some in so that it checks the dimensions of the image and outputs the appropriate height in the height area.

[[NEMESIS]]

Well, I can easily make PHP code but how to implement it in css file?

[Shiro]

Write your style sheet as if it were a css sheet, adding in the php where you need it. Then save your sheet as .php
Finally link to that sheet as you would a normal css sheet, and just put src="some_file.php" instead of src="some_file.css".

Apparently that is. I've never done it, so I can't say for sure. But that's the word on the street.

[pgo]

I think it would be better to dynamically output width and height attributes in the HTML than in a CSS file.

<img src="..." alt="..." width="<?php echo $width; ?>" height="<?php echo $height; ?>" />

[[NEMESIS]]

Originally Posted by pgo

I think it would be better to dynamically output width and height attributes in the HTML than in a CSS file.

<img src="..." alt="..." width="<?php echo $width; ?>" height="<?php echo $height; ?>" />

No, that wouldn't work, I need this for wordpress theme on which I'm working on...

[datahound]

Can you ditch the avatar ffs? Then I might want to stay on one of your threads long enough to think about an answer.

[datahound]

PHP Code:

<?php 

function imageRestrict($image) { 

$maxwidth = 150;

list($width,$height) = getimagesize($image);

if ($width > $maxwidth) {

$newheight = $maxwidth/$width * $height; 

return '<img src="'.$image.'" width="'.$maxwidth.'" height="'.$newheight.'">'; 

} 

else{

return '<img src="'.$image.'" width="'.$width.'" height="'.$height.'">'; 

}

} 

?>

Then where the system is either saving down our outputting the URL replace

<img src="mypic.jpg">

with

<?php $outputimage=imageRestrict('mypic.jpg'); echo"$outputimage"; ?>

Just rough idea. May need polishing. With a bit of thought you could do the maths and get a proportional height output.

edit: tested - that works now.

edit: the height calculates too.

[2Dfruit]

basically what you're doing is creating a thumbnail (a big one - same premise)

Article - How to create thumbnails with PHP and gd.
PHPit - Totally PHP » Image manipulation with PHP & the GD library, Part 2

all you need there

[pgo]

Originally Posted by [NEMESIS]

No, that wouldn't work, I need this for wordpress theme on which I'm working on...

Wordpress' theme engine uses raw PHP...or have they changed it since I used it?

[website-design]

wow avatar!