max-width property and PHP

**bernie1227** · 08-13-2012, 08:05 AM

I meant, in the script, there is a document.getElementById on the image's id, did you change that to the I'd of your image?

**bernie1227** · 08-13-2012, 08:08 AM

Actually, try:

Code:

var imageWidth = document.getElementById('yourimageid');
var imageHeight = document.getElementById('yourimageid');
function changeSize(){
if(imageWidth.width < 240 && imageHeight.height < 320){
var inside = true;
}
else{
var inside = false;
}
if(inside = false){
imageWidth.width = 240 ;
imageHeight.heght = 320;
}
}

And then in your body tag, change:

Code:

<body>

To:

Code:

<body onload="changeSize()">

And also remember to change the part in red to the actuall id of the outputted image.

**KennyP** · 08-13-2012, 08:12 AM

Where do I integrate it?

Code:

$ImageDisplay = $ImageDisplay = "<img src='$FileLocation' alt='' style='width:expression( document.body.clientWidth > 239 ? 240px : auto );max-width:240px;height: expression( this.scrollHeight > 319 ? 320px : auto );max-height:320px;' border='0' align='middle'>";  
}

The following is the display box in which all images appear. There is no particular ID...

Code:

<div style="margin-left:0; height:320px; " ><div style=" padding-top:<?php echo($DownFromTop); ?>px;"><?php echo($ImageDisplay); ?></div></div>

**bernie1227** · 08-13-2012, 08:19 AM

In the head, you want some script tags, ie:

Code:

<script type="text/javascript">
</script>

And you want to put it between them. Remember to change the id in the script, so if the id of your image is "image" change the red parts that I posted to "image". Also remember to modify the body tag.

**bernie1227** · 08-13-2012, 08:23 AM

also,

Please use the forum's bbcode tags to make it more readable:

for php code............[php] <?php /* code goes here */ ?> [/php]
for html...............[html] .....[/html]
for js/css/other.......[code] code goes here................[/code]

**keyboard** · 08-13-2012, 08:47 AM

I just had a crazy idea (probably won't work).
If you haven't tried this already, try this -

Code:

$ImageDisplay = "<img src='$FileLocation' alt='' style='width:inherit;height:inherit;' border='0' align='middle'>";

**bernie1227** · 08-13-2012, 08:50 AM

That win't work, because of the non-escaped double quote in it,.

**keyboard** · 08-13-2012, 08:56 AM

What double quote?

**bernie1227** · 08-13-2012, 09:05 AM

Nice edit there keyboard, there was a quote in alt, which you then removed.

**KennyP** · 08-13-2012, 09:08 AM

No. That one didn't work in either browser. The previous code which works in FF is now reloaded.

Maybe we could try hypnosis. We'll tell IE that it is really FF and maybe it will behave like it

Thread: max-width property and PHP

Thread Tools

Search Thread

Bookmarks

Bookmarks

Posting Permissions