PHP - Why Width And Height Of Image Is Not Able To Get In Php

Hi there. How can i set up a maximum width and height of a picture?

For example: the limit is 400x400. So if the photo is 200x200 then it stays that way, however if a photo is 550x550 then it gets resized to 400x400.

Hi People. 

Thanks for all the help on here in the past, you have been brilliant.

I run the airfield cards.com website and have a script in the output page that is as follows.
Code: [Select]
To Embed this Card into your website, cut and paste the following code: <input name="generate" value="<? echo "<iframe  src='http://www.airfieldcards.com/php/courtesy_card.php?id=".$id. "' ></iframe>";?>">
Now the way it shows on the site is like this
Code: [Select]
<iframe  src='http://www.airfieldcards.com/php/courtesy_card.php?id=165' ></iframe>
So, I look at the iframe code from google that should be cut and pasted into a website (obviously it's working code from google)
Code: [Select]
<iframe width="700" height="1500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps/ms?msa=0&amp;msid=203054009368331462137.0004aa731e7de2e86a0e0&amp;ie=UTF8&amp;t=h&amp;vpsrc=0&amp;ll=53.800651,-4.042969&amp;spn=80.03397,61.435547&amp;z=4&amp;output=embed"></iframe><br /><small>View <a href="http://maps.google.co.uk/maps/ms?msa=0&amp;msid=203054009368331462137.0004aa731e7de2e86a0e0&amp;ie=UTF8&amp;t=h&amp;vpsrc=0&amp;ll=53.800651,-4.042969&amp;spn=80.03397,61.435547&amp;z=4&amp;source=embed" style="color:#0000FF;text-align:left">AirfieldCards.com</a> in a larger map</small>
Now I have tried to take the code from the google iframe (width/height/scrolling/etc) and paste it into my source but it doesn't work.

Here's how I have done it.
Code: [Select]
To Embed this Card into your website, cut and paste the following code: <input name="generate" value="<? echo "<iframe  width="700" height="1500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src='http://www.airfieldcards.com/php/courtesy_card.php?id=".$id. "' ></iframe>";?>">
Can someone please modify my fist lot of code so that I have the correct height and width settings (700 x 1500)

Thanks in advance

Regards
Vince Gledhill

Hi folks,

I'm using this code to display a picture that is uploaded in a form.

Code: [Select]

print "<img src='http://www.coast2kosci.com/mylongrun/test/photo_uploads/$imgx' width='300' height='300'  alt='Your photo' />";


At first I tried specifying only the width, without the height. But for tall photos, the display wasn't really what I was after.

Then I specified both width and height, which results in a mis-scaled photo.

Is there any way that I can specify the height and width atributes as a sort of maximum / or limiter. Ie:  If the height is greater than the width, limit the height to 300, and if the width is greater than the height, limit the width to 300?

Thanks for your time,

Dave

Hi
Im working on a market place style website. the framework im using is called elgg. it uses an algoritm to find the right approximate width and height of an image thats being uploaded. but on my site, all heights and widths must be the same. this is difficult because some pictures have much greater width than height and some have much greater height. so whats the best algoritm to use to make an accurate thumbnail of all images uploaded?
Thanks

is there a way to get the $image width?... the $image is not on my server so i cant use getimagesize()..


e.g. $image =  http://www.example.com/picture.jpg

how do i get the width?

I have a code that will get the value of amount from $_GET, and it adds it to an image I have stored. My problem is the that image I use is 32x32, but I need to add more height to it to make it look correct. The image is transparent so I'd need to keep that also. The code I have now works, but the value of amount is on top of the image where I don't want it to be. Here's my code.

<?php
header("Content-type: image/png");

$image = $_GET['image'] .'.png';

$img_handler = imageCreateFromPNG("./item images/" . $image);
imagesavealpha($img_handler, true);
$color = ImageColorAllocate($img_handler, 204, 156, 12);
ImageString($img_handler, 2, 0, 0, $_GET['amount'], $color);
ImagePng($img_handler);
ImageDestroy($img_handler);
?>

What I am working on is a background to a user input comment -- essentially a framed box around the comment. For some reason I cannot fathom but which is probably simple, I can't get the image height variable, (set by the length of the comment) to be seen by the code outputting the framed box. So here's what I got:

To set the image position and height variables I put this code inside of a while loop, since there are multiple comments in the DB:

Code: [Select]

//Looks at the comment in the DB
//Calculates the number of lines based on 75 characters per line
$line_count = ceil(strlen($row3['comment'] /75));

//This sets the position of the username who posted the comment
$username_pos = ($text_pos + ($line_count * 33)) . ".00pt";

//Sets the initial starting position of the framed box on the page
$box_pos = $text_pos - 42.00 . ".00pt";

//Sets the height of the framed box
$box_ht = $username_pos + 50 . ".00pt";

//Outputs the framed box
echo "<img src='images/blue table.gif' style='position:absolute; left:140.00pt; top:$box_pos'; height:$box_ht'; width = 570.00pt; z-index:-1 class='cc01'>";


There is also code outputting the comment and username which seems to work just fine.

The result is a pretty box framing the comment, but the outputted image always ends up with the same height, which obviously doesn't work because each comment in the DB can have a different number of lines and would need a different size box.

Just to be clear, the source image is much larger than what can be produced by this code.

If anyone has any suggestions, I'd really appreciate it. Thanks!

Hi,

I have a page where users can add some text and additionally images. This is done through a textbox and NicEditor.
Users are able to add images with any size, by either uploading it or usea URL. The problem occurs when they add a image wider than 560px, because then it ruins my lay out.
This is why i want to add style="max-width:560px;" at the end of all image tags. So for example Code: [Select]
<img src="http://images.com/image.jpg" style="max-width:560px;">
If made the following code but this only works when a user adds just one image, i need it to work also when there are multiple images.

Code: [Select]
<?php
$img = '<img src="http://images.com/image.jpg">';
$imgstart = strpos($img,'<img'); // get position of <img
if($imgpstart !== false) {
$imgend = strpos($img,'>'); // get position of >
$width = ' style="max-width:560px;">';
$img= substr_replace($img, $width, $imgend, 1); // replace > with $width
}
echo $img;
?>
This may not be the safest and best solution so i'd like some help with a function which finds all images in a string and give them a max-width.

thanks!

Hello I need help with a width issue I made a addnews page and it all works great but on my main page the widths limits are pretty short 200px and everytime i post something it exceeds that and screws up the website can you help where do I add the limits? on the front page coding?
<?
include("*****.inc");
$getnews = mysql_query("select * from news ORDER BY id DESC LIMIT 1 ");
while($r=mysql_fetch_array($getnews)){
extract($r);
echo("<p><b><i>$title <br/> $date</p></b></i>$news<br><br><br><br>");

}
?>

The addnews?
Code: [Select]
<form action="submit.php" method="post">
<b>Title</b>
<BR />
<input type="text" name="title" size="40" maxlength="80" value="Enter Title Here" />
<br />
<br />
<b>News</b><BR><textarea rows="5" cols="40" name="news" id="news"
onKeyDown="textCounter(this,'progressbar1',150)"
onKeyUp="textCounter(this,'progressbar1',150)"
onFocus="textCounter(this,'progressbar1',150)"></textarea><br />

<div id="progressbar1" class="progress"></div>

<script>textCounter(document.getElementById("maxcharfield"),"progressbar1",150)</script>



<br />
<br />
<input type="submit" value="Submit" /> <input type="reset" value="Reset" />
</form>
or in the submitt file

<?
//grabs the variables
$news = $_POST["news"];
$title = $_POST["title"];
//gets mysql info
include("******.inc");
//gets the current date...
$date = date("m/d/Y h:i A");
$addnews =MYSQL_QUERY("INSERT INTO news (id,title,date,news)". "VALUES ('NULL', '$title', '$date', '$news')");
//success...
echo("");
?>

Thank for the help

hello,

lets say i want 3 of the following columns to only display on 1 line always, is there a way to do that?

Code: [Select]
<th align='center'>Date</th>
<th align='center'>Supplier</th>
<th align='center'>Requested By</th>
<th align='center'>Address of Job</th>
<th align='center'>Job Number</th>
<th align='center'>P.O. Number</th>
<th align='center'>Description</th>
<th align='center'>Amount</th>
<th align='center'>Notes</th>
<th align='center'></th>

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=351866.0

is there a way to make the column width to try not have multiple lines if possible when pulling 200 rows from a database?

I need to set the width and let height adjust to the proportions of width. Can someone please help me with this?
I understand that $canvas_height should be 160, but then the image will crop to whichever side is greatest not by the width only.
Code: [Select]
<?php
 $img = "image.jpg";
 $canvas_width  = 160;
 $canvas_height = 0;

 list($img_width, $img_height) = getimagesize($img);

 $ratio_orig = $img_width / $img_height;

 if($canvas_width / $canvas_height > $ratio_orig)
 {
$canvas_width = $canvas_height * $ratio_orig;
 }
 else
 {
$canvas_height = $canvas_width / $ratio_orig;
 }

 $original = imagecreatefromjpeg($img);

 $canvas = imagecreatetruecolor($canvas_width, $canvas_height);

 imagecopyresampled($canvas, $original, 0, 0, 0, 0, $canvas_width, $canvas_height, $img_width, $img_height);

 $dest = "medium/image.jpg";
 imagejpeg($canvas, $dest, 100);
?>

Hi Guys   I am using media queries to set a different CSS if a mobile device.  I am using 100% width on certain containers but the styling is using 100% based on the landscape orientation and not whichever way the device is being displayed.   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>   .slicknav_menu{ visibility:visible;

Hi, ok so i have just created a form in HTML and am having the following problem in CSS   This is what the form looks like: http://gyazo.com/0aa...0dcf8f30efe4f9d   Now you can see that the width is covering the page each side   How can i fix this? for both width and height?   Here is my code: 

#form {

	background-color: #111;
	margin: 0;
	text-align: center;
	padding: 15px;
	width: auto;
	height: auto;
	color: yellow;
}

#form input {

	border: 2px solid #ff0000;
	color: #ff0000;

}