Learn VBA & Macros in 1 Week!

PHP - Trouble With Displaying An Image From A Url

Full Excel VBA Course - Beginner to Expert

Trouble With Displaying An Image From A Url	View Content

I am having trouble with displaying an image from a url. In the following code if I echo out $test I get the url of the image. However, in the current code I am trying to display the image, but the only thing that gets displayed is a small broken image in the upper left.

$html = file_get_contents($website.$criteria); 

$dom = new DOMDocument;

@$dom->loadHTML($html);

$links = $dom->getElementsByTagName('img');

header('Content-Type: image/png');
foreach ($links as $link){
    $test = $link->getAttribute('src');
	echo file_get_contents($test);
}

image that gets displayed: http://imgur.com/epfF3wJ

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Trouble Displaying Two Images Per Row

I'm New To Php, Having Trouble Displaying Data In A Form

Php Event Calendar - Having Trouble Displaying Data

Trouble With Pulling The Right Image

Having Trouble With Watermarking An Image

Moved: Trouble With Background Image

Image Not Displaying

Image Not Displaying

Displaying An Image According To Session

Displaying A Default Image

Displaying Image Regardless Of Extension

Displaying Image From Table

Displaying Image From Folder

Displaying An Image From Mysqldb

Please Help Displaying Image After Upload

Displaying The Same Blob Image

Displaying Text On Image

Displaying Image From Table?

Displaying Information When Image Is Clicked

Need Help Displaying Imagedeleted.jpg When I Delete An Image.

Learn VBA & Macros for Excel in 1 Week!

Trouble Displaying Two Images Per Row

Similar Tutorials

I am trying to display two images per row. Will add in table tags later so it will look nicer. Anyway, it is leaving off the second image. So, I have 6 images and image number two is blank.

$dirname = "Files/$listingid/images/";

$images = glob($dirname."*");
   /*
   $html .= '<table width="100%">';

foreach($images as $image){
    
$html .= "<tr><td><center>";

$html .="<img src=\"$image\" width=\"300\">";

$html .= "</a></center></td>";

$html .= "</td></tr>";
}
  $html .= "</table>";
   */

$countImages = count($images) ;

$imagesPerRow = 2;


for ($i = 0 ; $i < $countImages; $i++) {
    //display image here
    $image = $images[$i] ;
    $html .= "<img width = \"200\" src='$image'>" ;

    
	if ($i % $imagesPerRow == 0) {
        //have displayed an entire row
        $html .= '<br>' ;
    }

	
}

I'm New To Php, Having Trouble Displaying Data In A Form

Similar Tutorials

Hi i'm new to PHP/web development but not new to coding.

I have some php code that I grabed from a template where I am selecting data from a file and having it diplay on the screen in a form. My $query = "select * from file where" statement works and bring the data back to the screen. However, I want the data to be returned in a textarea instead of a text field that is not big enough to display the 3 paragraph that i need to display.

Please see code below, thsi code will return the data but the text box only returns the data in a line, I need the data to be returned in a textarea, so I can update it. I have looked for the correct syntex with no luck, please correct me.

$row = mysql_fetch_array($result, MYSQL_ASSOC);
$recordid = $row['recordid'];
$homepage = $row['homepage'];

echo "<h2>Update About Us Information</h2>\n";
echo "<form enctype=\"multipart/form-data\" action=\"admin.php\" method=\"post\">\n";

echo "<table width=\"100%\" cellpadding=\"1\" border=\"1\">\n";
echo "<tr><td><h3>Record ID</h3></td><td>$recordid</td></tr>\n";

echo "<tr><td><h3>Homepage</h3></td><td><input type=\"text\" size=\"100\" name=\"homepage\" value=\"$homepage\" /></td></tr>\n";

echo "</table>\n";

echo "<input type=\"submit\" name=\"button\" value=\"Update\">\n";
echo "<input type=\"submit\" name=\"button\" value=\"Delete Product\">\n";
echo "</form>\n";

Php Event Calendar - Having Trouble Displaying Data

Similar Tutorials

Hi:

I am working with a PHP Event Calendar. I am having trouble displaying the data the way I want to.

If a person clicks on a number/date in the calendar (17, for example) the data will display fine below the calendar.\

However, I want to display only the Event Title ("calName") in the date box as a link, and allow the user to click the title to go to a new page to see the full Event info.

I can not get any of the data to display and hope someone can tell me what I'm doing wrong.

This is the code:
Code: [Select]
<script>
function goLastMonth(month, year){
// If the month is January, decrement the year
if(month == 1){
--year;
month = 13;
}
document.location.href = '<?=$_SERVER['PHP_SELF'];?>?month='+(month-1)+'&year='+year;
}
//next function
function goNextMonth(month, year){
// If the month is December, increment the year
if(month == 12){
++year;
month = 0;
}
document.location.href = '<?=$_SERVER['PHP_SELF'];?>?month='+(month+1)+'&year='+year;
}

function remChars(txtControl, txtCount, intMaxLength)
{
if(txtControl.value.length > intMaxLength)
txtControl.value = txtControl.value.substring(0, (intMaxLength-1));
else
txtCount.value = intMaxLength - txtControl.value.length;
}

function checkFilled() {
var filled = 0
var x = document.form1.calName.value;
//x = x.replace(/^\s+/,""); // strip leading spaces
if (x.length > 0) {filled ++}

var y = document.form1.calDesc.value;
//y = y.replace(/^s+/,""); // strip leading spaces
if (y.length > 0) {filled ++}

if (filled == 2) {
document.getElementById("Submit").disabled = false;
}
else {document.getElementById("Submit").disabled = true} // in case a field is filled then erased

}

</script>

...............

<p>

<div id="legend">
<img src="images/Cal-Icon.jpg" style="padding: 0 15px 15px 0;" /> Today is:
<? $today = date("F j, Y, g:i a");
echo " $today "
?>
</div>
<?php
//$todaysDate = date("n/j/Y");
//echo $todaysDate;
// Get values from query string
$day = (isset($_GET["day"])) ? $_GET['day'] : "";
$month = (isset($_GET["month"])) ? $_GET['month'] : "";
$year = (isset($_GET["year"])) ? $_GET['year'] : "";

//comparaters for today's date
//$todaysDate = date("n/j/Y");
//$sel = (isset($_GET["sel"])) ? $_GET['sel'] : "";
//$what = (isset($_GET["what"])) ? $_GET['what'] : "";

//$day = (!isset($day)) ? $day = date("j") : $day = "";

//comparaters for today's date
//$todaysDate = date("n/j/Y");
//$sel = (isset($_GET["sel"])) ? $_GET['sel'] : "";
//$what = (isset($_GET["what"])) ? $_GET['what'] : "";

//$day = (!isset($day)) ? $day = date("j") : $day = "";

if(empty($day)){ $day = date("j"); }

if(empty($month)){ $month = date("n"); }

if(empty($year)){ $year = date("Y"); }
//set up vars for calendar etc
$currentTimeStamp = strtotime("$year-$month-$day");
$monthName = date("F", $currentTimeStamp);
$numDays = date("t", $currentTimeStamp);
$counter = 0;
//$numEventsThisMonth = 0;
//$hasEvent = false;
//$todaysEvents = "";
//run a selec statement to hi-light the days
function hiLightEvt($eMonth,$eDay,$eYear){
//$tDayName = date("l");
$todaysDate = date("n/j/Y");
$dateToCompare = $eMonth . '/' . $eDay . '/' . $eYear;
if($todaysDate == $dateToCompare){
//$aClass = '<span>' . $tDayName . '</span>';
$aClass='class="today"';
}else{
//$dateToCompare = $eMonth . '/' . $eDay . '/' . $eYear;
//echo $todaysDate;
//return;
$sql="select count(calDate) as eCount from calTbl where calDate = '" . $eMonth . '/' . $eDay . '/' . $eYear . "'";
//echo $sql;
//return;
$result = mysql_query($sql);
while($row= mysql_fetch_array($result)){
if($row['eCount'] >=1){
$aClass = 'class="event"';
}elseif($row['eCount'] ==0){
$aClass ='class="normal"';
}
}
}
return $aClass;
}
?>
<table width="900" cellpadding="0" cellspacing="0">
<tr>
<td width="50" colspan="1">
<input type="button" value=" < " onClick="goLastMonth(<?php echo $month . ", " . $year; ?>);">
</td>
<td width="250" colspan="5">
<span class="title"><?php echo $monthName . " " . $year; ?></span><br>
</td>
<td width="50" colspan="1" align="right">
<input type="button" value=" > " onClick="goNextMonth(<?php echo $month . ", " . $year; ?>);">
</td>
</tr>
<tr>
<th>S</th>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th class="lastOne">S</th>
</tr>
<tr>
<?php
for($i = 1; $i < $numDays+1; $i++, $counter++){
$dateToCompare = $month . '/' . $i . '/' . $year;
$timeStamp = strtotime("$year-$month-$i");
//echo $timeStamp . '<br/>';
if($i == 1){
// Workout when the first day of the month is
$firstDay = date("w", $timeStamp);
for($j = 0; $j < $firstDay; $j++, $counter++){
echo "<td> </td>";
}
}
if($counter % 7 == 0){
?>
</tr><tr>
<?php
}
?>
<td width="128" <?=hiLightEvt($month,$i,$year);?>><a href="<?=$_SERVER['PHP_SELF'] . '?month='. $month . '&day=' . $i . '&year=' . $year;?>&v=1"><?=$i;?></a>

// TRYING TO DISPLAY CALENDAR EVENTS HERE

<?php
$sql="select calName,calDesc, DATE_FORMAT(calStamp, '%a %b %e %Y') as calStamp from calTbl where calDate = '" . $month . '/' . $day . '/' . $year . "'";
//echo $sql;
//return;
$result = mysql_query($sql);
$numRows = mysql_num_rows($result);
?>

<?
while($row = mysql_fetch_array($result)){
?>

<div class="output">
<h5><?=$row['calName'];?></h5>
<?=$row['calDesc'];?><br/>
Listed On: <?=$row['calStamp'];?>
</div>

</td>
</table>

// END OF TRYING TO DISPLAY CALENDAR EVENTS HERE

<?php
}

}
?>

</p>

Can anyone tell me what is wrong?

Thanks!

Trouble With Pulling The Right Image

Similar Tutorials

So I am trying to pull the first image that was uploaded to the database. But for some reason this only works part of the time and if you delete any image in the database it seems to just pic another another random one. Any suggestions?

<?php
{
$row = getad();
header("Content-type: image/jpeg");
$pic = ($row['image']);
print "$pic";
}

function getad()
{
$ads = array();
mysql_connect("localhost","******","********");
mysql_select_db("users");

$query = "SELECT image FROM image_ads";
$result = mysql_query($query);

$i = 0;

while($row = mysql_fetch_array($result))
{
$i ++;
$ads[$i] = $row;
}

$id = date("z");
$index = $id % $i + 1;

mysql_close();
return $ads[$index];
}

?>

Having Trouble With Watermarking An Image

Similar Tutorials

Hello again, i need to do a form that uploads an image, makes a thumbnail of it and puts a watermark image and text on the thumbnail..
Iv managed to do the uploading part, making the thumbnail, then making a watermarked thumbnail (with image) , and i need some help with the watermark text part..

What im thinking of - generate a text image, then apply it to the watermark, then add the watermark with text to the thumbnail.

This is the function i used for the watermark image:

<?php
function watermark($original_image,$original_watermark,$destination="")
{
$image=imagecreatefromjpeg($original_image);
list($imagewidth,$imageheight)=getimagesize($original_image);

$watermark = imagecreatefrompng($original_watermark);
list($watermarkwidth,$watermarkheight)=getimagesize($original_watermark);

if($watermarkwidth>$imagewidth || $watermarkheight>$imageheight)
{
$water_resize_factor = $imagewidth / $watermarkwidth;
$new_watermarkwidth  = $watermarkwidth * $water_resize_factor;
$new_watermarkheight = $watermarkheight * $water_resize_factor;

$new_watermark = imagecreatetruecolor($new_watermarkwidth , $new_watermarkheight);

imagealphablending($new_watermark , false);
imagecopyresampled($new_watermark , $watermark, 0, 0, 0, 0, $new_watermarkwidth, $new_watermarkheight, $watermarkwidth, $watermarkheight);

$watermarkwidth  = $new_watermarkwidth;
$watermarkheight = $new_watermarkheight;
$watermark       = $new_watermark;
}
$startwidth = ($imagewidth - $watermarkwidth)  / 2;
$startheight = ($imageheight - $watermarkheight) / 2;

imagecopy($image, $watermark, $startwidth, $startheight, 0, 0, $watermarkwidth, $watermarkheight);
if(!empty($destination))
imagejpeg($image,$destination);
else
imagejpeg($image);
}
?>

Can i insert in this function something like this? (the "Text" would appear on top of the watermark image in the middle) :

<?php
// Create the canvas
$canvas = imagecreate( 150, 80 );
// First colour - this will be the default colour for the canvas
// $light_blue = imagecolorallocate( $canvas, 176, 226, 255 );
// The second colour - to be used for the text
$black = imagecolorallocate( $canvas, 0, 0, 0 );
// Path to the font you are going to use
$font = "verdana.ttf";
// Text to write
$text = "Text";
// Font size
$size = "40";
// Add the text to the canvas
imageTTFText( $canvas, $size, 0, 15, 60, $black, $font, $text );
// Save as Text.jpg
imagejpeg( $canvas, "Text.jpg" );
// Clear the memory of the tempory image
ImageDestroy( $canvas );
?>

thanks in advance.

Moved: Trouble With Background Image

Similar Tutorials

This topic has been moved to CSS Help.

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

Image Not Displaying

Similar Tutorials

i have a db which store jpg image thru the upload prg code in php.But the image is not displayed properly in the <img> and also when i echo the blob data.

how to correct this code.i am pasting the code below

$result = mysql_query("select cover from Movies where movie_id=4");
$row = mysql_fetch_row($result);

$data = base64_decode($row[0]);

$im = imagecreatefromstring($row[0]);
imagejpeg($im);
header('Content-type: ' . $mime); // 'image/jpeg' for JPEG images
echo $data;
<img src=<?php echo $data;?>>

Image Not Displaying

Similar Tutorials

I am using this code

Code: [Select]
<?php echo IMAGES_HEADER . "header_02.jpg"; ?>
Instead of displaying the actual image on my site I am getting the path of the image. It is displaying "images/header/header_02.jpg" instead.

Thank You in advance

Displaying An Image According To Session

Similar Tutorials

Hi guys, I have followed a tutorial and made a members only area using sessions. The user can upload an image and which gets renamed as their username. I was hoping to display all the users images that are logged in. I know how to do it with a single image by just setting the img src as the session username but I don't know how I would display multiple images if more than one person were logged in. Is it even possible?

Displaying A Default Image

Similar Tutorials

Hi all,

I have this script below where I am trying to display a default image if an image can not be found.

For some reason though it is not working.

<?php
foreach (glob('./aircraft/' . $rowX['reg'] . '[0-8].jpg') as $file)
{
if (file_exists($file)) {
echo "<img src=\"" . $file . "\" /><br />";
}
else { echo "><img src=\"aircraft/wrightflyer.jpg\" /><br />";}
}
?>

Displaying Image Regardless Of Extension

Similar Tutorials

Hi everyone,

Sorry not sure if this is a php or html problem.

Im using php and a html form to upload images to my site, i have made it so that jpg, jpeg, gif and png images can be uploaded. The problem im having is displaying the image.

Code: [Select]
<img src="images/<?php echo $name ?>.jpg" />
That works fine if a jpg was uploaded, but what if a png or a gif was uploaded? The $name is going to be unique, there will not be more than one image with the same name, so what do i have to do to display the image regardless of what the extension is?

Thanks

Displaying Image From Table

Similar Tutorials

Now I am trying to display the images from my table and I have almost got it working, except for one small thing --- it seems to be displaying all the records, but instead of displaying the right image for each record, it's displaying the same image across all the records. Can anyone tell me what I have done wrong?

Code: [Select]

this is the gallery

<?php
$dbhost = 'localhost';
$dbuser = 'webdes17_lizkula';
$dbpass = 'minimoon';

$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ('Error connecting to mysql');

$dbname = 'webdes17_jewelry';
mysql_select_db($dbname);

$all_records = "SELECT * FROM gallery";
$all_records_res = mysql_query($all_records);
$image = mysql_result($all_records_res, 0, 'image');

while($nt=mysql_fetch_array($all_records_res)){
echo "<img src=http://www.webdesignsbyliz.com/wdbl_wordpress/wp-content/themes/twentyten_2/upload/$image>";
}

?>

I'm guessing I have the $image variable in the wrong place, but when I tried placing it within the while statement, the page never loaded, and instead acted like it was loading forever. What am I doing wrong? Here is the link to the page so you can see what is happening:

http://webdesignsbyliz.com/wdbl_wordpress/test-submit/

Displaying Image From Folder

Similar Tutorials

Good day:

Im trying to display an image from a folder and the image name is retrieved by a query. The query is getting the image name all right but the image is not displaying. This is the code im using for the image display

Code: [Select]
<?php
$aid = 1;
  $connection = mysql_connect("localhost",
        "username",
        "password");

    mysql_select_db("articles", $connection);
$query="SELECT imagename, description FROM articles_description WHERE id='$aid'";
$result=mysql_query($query);

$num=mysql_numrows($result);

mysql_close();
?>
<table width ="1000" border="1" cellspacing="2" cellpadding="2">

</tr>

<?php
$j=0;
while ($j < $num) {

$f8=mysql_result($result,$i,"description");
$f9=mysql_result($result,$i,"imagename")
?>

<tr>
<td valign="top"> <img src="images/'.$f9.'; ?>" alt="" name="picture" width="100" height="100" border="1" /></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f8; ?></font></td>

</tr>
<tr>
</tr>

<?php
$j++;
}
?>

Any help will be appreciated

Displaying An Image From Mysqldb

Similar Tutorials

I must be doing something incredibly daft, because I'm incredibly new at this.

I have an image stored in a DB under a table called 'images' and I want to display it on my website but instead of that image I get the error: Warning: Cannot modify header information - headers already sent by (output started at /home/...

This is how I'm trying to achieve it.
Any ideas where I'm doing wrong?

Thanks.

Code: [Select]
<?php
$user="###";
$password="###";
$database="###";
$con = mysql_connect(localhost,$user,$password);
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }
mysql_select_db($database, $con);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MySite</title>
</head>
<body>
<div id="container">
<?php include("../navbar.php"); ?>
<div id="left-content"></div>
<div id="right-content">
<?php
   $item = $_GET['item'];
   $query = "SELECT * FROM main WHERE Ref='$item'";
   $result = mysql_query($query)
   or   die("Oops" .mysql_error());
   $row = mysql_fetch_array($result,MYSQL_BOTH)
   or   die("Oops" .mysql_error());
   extract($row);
   $query2 = "SELECT image FROM main WHERE Ref='$item'";

// the result of the query
$result2 = mysql_query($query2) or die("Invalid query: " . mysql_error());
header("Content-type: image/jpg");
echo mysql_result($result2, 0,'image');
echo "<p><strong>Name: </strong>".$FirstName." - ".$SecondName."</p>";
mysql_close($con);
?>
</div>
<br />
<?php include("../footer.php"); ?>
</div>
</div>
</body>
</html>

MOD EDIT: [code] . . . [/code] BBCode tags added.

Please Help Displaying Image After Upload

Similar Tutorials

Hi,
I am uploading an image to a folder and I need to display the uploaded image in a new page.
This is my code for the upload:
Code: [Select]
<?php
//define a maxim size for the uploaded images in Kb
define ("MAX_SIZE","2000000");

//This function reads the extension of the file. It is used to determine if the
// file is an image by checking the extension.
function getExtension($str) {
$i = strrpos($str,".");
if (!$i) { return ""; }
$l = strlen($str) - $i;
$ext = substr($str,$i+1,$l);
return $ext;
}

//This variable is used as a flag. The value is initialized with 0 (meaning no
// error found)
//and it will be changed to 1 if an errro occures.
//If the error occures the file will not be uploaded.
$errors=0;
//checks if the form has been submitted
if(isset($_POST['upload']))
{
//reads the name of the file the user submitted for uploading
$image=$_FILES['image']['name'];
//if it is not empty
if ($image)
{
//get the original name of the file from the clients machine
$filename = stripslashes($_FILES['image']['name']);
//get the extension of the file in a lower case format
$extension = getExtension($filename);
$extension = strtolower($extension);
//if it is not a known extension, we will suppose it is an error and
// will not upload the file,
//otherwise we will do more tests
if (($extension != "jpg") && ($extension != "jpeg") && ($extension !=
"png") && ($extension != "gif"))
{
//print error message
echo '<h1>Tipo de imagen no permitido.</h1>';
$errors=1;
}
else
{
//get the size of the image in bytes
//$_FILES['image']['tmp_name'] is the temporary filename of the file
//in which the uploaded file was stored on the server
$size=filesize($_FILES['image']['tmp_name']);

//compare the size with the maxim size we defined and print error if bigger
if ($size > MAX_SIZE*1024)
{
echo '<h1>La imagen es demasiado grande.</h1>';
$errors=1;
}

//we will give an unique name, for example the time in unix time format
$image_name=time().'.'.$extension;
//the new name will be containing the full path where will be stored (images
//folder)
$newname="banners/".$image_name;
//we verify if the image has been uploaded, and print error instead
$copied = copy($_FILES['image']['tmp_name'], $newname);
if (!$copied)
{
echo '<h1>Error al subir la imagen.</h1>';
$errors=1;
}}}

//If no errors registred, print the success message
if(isset($_POST['Submit']) && !$errors)
{
echo "<h1>La imagen se ha cargado correctamente</h1>";
}
$query = "INSERT INTO banner_rotator.t_banners (banner_path) ".
"VALUES ('$newname')";
mysql_query($query) or die('Error, query failed : ' . mysql_error());

//echo "<br>Files uploaded<br>";

header("Location: PC_cropbanner.php");
}Sowhat I need to do is to display the uploaded image in PC_cropbanner.php.
How can I do this?

Displaying The Same Blob Image

Similar Tutorials

Hi everyone, i am just trying to learn php for a bit of fun really and started making a sort of 'facebook' website. I am having trouble however trying to display different users images, for example when trying to find a correct 'friend' only the image of the last result is being shown for all people with the same name... here is my code below, if anyone can help me out that would be great

file 1

$count=1;

while ($numids>=$count){
  echo "<form method=\"post\" action=\"friendadded.php\">";
  $frienduserid=$_SESSION["passedid[$ii]"];
  $friendfirstname=$_SESSION["passedfirstname[$ff]"];
  $friendlastname=$_SESSION["passedlastname[$ll]"];
  $_SESSION['friendsuserpicid'] = $frienduserid;
  echo "<table width=\"700\" height=\"50\" border=\"1\" align=\"center\">";
  echo "<tr>";
  echo "<th></th>";
  echo "<th>First Name</th>";
  echo "<th>Last Name</th>";
  echo "</tr>";
  echo "<tr>";
  echo "<td><center>";
  echo "<img border=\'0\' src=\"frienduserpic.php\" width=\"80\" height=\"80\" align=\"middle\"/>";
  echo "</center></td>";
  echo "<td><center>";
  echo $friendfirstname;
  echo "</center></td>";
  echo "<td><center>";
  echo $friendlastname;
  echo "</center></td>";
  echo "</tr>";
  echo "</table>";
  echo "<center><input type=\"submit\" value=\"Add this friend\" name=\"Add Friend\"></center><br/>";

  $ii=$ii+1;
  $ff=$ff+1;
  $ll=$ll+1;
  $count=$count+1;

  echo "</form>";
}

file 2

session_start();
$passeduserid=$_SESSION['friendsuserpicid'];
$timespost=$_SESSION['postednum'];
$host=
$username=
$password=
$db_name=
$tbl_name=
mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");
$query = mysql_query("SELECT * FROM $tbl_name WHERE picid='".$passeduserid."'");
$row = mysql_fetch_array($query);
$content = $row['image'];
header("Content-type: image/jpeg");
echo $content;

Thanks in advance

Displaying Text On Image

Similar Tutorials

I've taken this eg from php manual site for displaying txt on image wonder why it is not working

Code: [Select]
<?php
// Create a 300x150 image
$im = imagecreatetruecolor(300, 150);
$black = imagecolorallocate($im, 0, 0, 0);
$white = imagecolorallocate($im, 255, 255, 255);

// Set the background to be white
imagefilledrectangle($im, 0, 0, 299, 299, $white);

// Path to our font file
$font = './arial.ttf';

// First we create our bounding box for the first text
$bbox = imagettfbbox(10, 45, $font, 'Powered by PHP ' . phpversion());

// This is our cordinates for X and Y
$x = $bbox[0] + (imagesx($im) / 2) - ($bbox[4] / 2) - 25;
$y = $bbox[1] + (imagesy($im) / 2) - ($bbox[5] / 2) - 5;

// Write it
imagettftext($im, 10, 45, $x, $y, $black, $font, 'Powered by PHP ' . phpversion());

// Create the next bounding box for the second text
$bbox = imagettfbbox(10, 45, $font, 'and Zend Engine ' . zend_version());

// Set the cordinates so its next to the first text
$x = $bbox[0] + (imagesx($im) / 2) - ($bbox[4] / 2) + 10;
$y = $bbox[1] + (imagesy($im) / 2) - ($bbox[5] / 2) - 5;

// Write it
imagettftext($im, 10, 45, $x, $y, $black, $font, 'and Zend Engine ' . zend_version());

// Output to browser
header('Content-Type: image/png');

imagepng($im);
imagedestroy($im);
?>

Displaying Image From Table?

Similar Tutorials

I just can't get anything right today! Now I am trying to have a list of images, and when the user clicks on the image, the next page will display the image along with other fields for that record. I am sending the id through the hyperlink to the next page, and I have echoed it to ensure it's comign through, but I cannot get anythign to display ont he next page. What am I doin wrong? Here is the link to the page. If you click on one of the images, you 'll see that the next page is empty:

http://webdesignsbyliz.com/wdbl_wordpress/test-submit/

Here is my code:

Code: [Select]

this is the gallery

<?php
$dbhost = 'localhost';
$dbuser = 'user';
$dbpass = 'pass';

$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ('Error connecting to mysql');

$dbname = 'jewelry';
mysql_select_db($dbname);

$all_records = "SELECT * FROM gallery";
$all_records_res = mysql_query($all_records);
$image = mysql_result($all_records_res, 0, 'image');
$id = mysql_result($all_records_res, 0, 'id');

while($nt=mysql_fetch_array($all_records_res)){
echo "<a href=http://webdesignsbyliz.com/wdbl_wordpress/test-display/?id=" .$nt['id']." ><img src=http://www.webdesignsbyliz.com/wdbl_wordpress/wp-content/themes/twentyten_2/upload/".$nt['image']." width=133 height=86></a>";
}

?>

display page:
Code: [Select]

<?php

$id = $_GET['id'];

$dbhost = 'localhost';
$dbuser = 'user';
$dbpass = 'pass';

$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ('Error connecting to mysql');

$dbname = 'jewelry';
mysql_select_db($dbname);

$all_records = "SELECT * FROM gallery WHERE id = $_GET[id]";
$all_records_res = mysql_query($all_records);
$image = mysql_result($all_records_res, 0, 'image');
$id = mysql_result($all_records_res, 0, 'id');

while($nt=mysql_fetch_array($all_records_res)){
echo "<img src=http://www.webdesignsbyliz.com/wdbl_wordpress/wp-content/themes/twentyten_2/upload/".$nt['image']." width=133 height=86></a>";
}

?>

What an I doing wrong this time?? :-(

Displaying Information When Image Is Clicked

Similar Tutorials

Hi

I'm trying to create a page where there is a grid of images and if you click on one of those images it will expand. Once the image has expanded and you click on the i icon that is below it, the i icon will display the information about that image.

This isn't like a popup or anything like that, because when you click on the image and it expands, it expands in the same spot and it doesn't popup. Here is the html

$str.='<div class="portfolio-banner-wrapper'.$langClass.'" style="position: relative;">';
$str.=      '<a class="portfolio-arrow-left'.$langClass.' portfolio-navigate'.$langClass.'" href="javascript:void(0);"><img src="images/left-arrow.png" onmouseover="this.src=\'images/blue-left-arrow.png\'" onmouseout="this.src=\'images/left-arrow.png\'" /></a>';
$str.=      '<a class="portfolio-arrow-right'.$langClass.' portfolio-navigate'.$langClass.'" href="javascript:void(0);"><img src="images/right-arrow.png" onmouseover="this.src=\'images/blue-right-arrow.png\'" onmouseout="this.src=\'images/right-arrow.png\'"/></a>';
$str.=      '<div class="portfolio-banner-inner">';
$str.=          $this->getPortfolioTest();
$str.=      '</div>';
$str.='</div>';

$str.='<div class="overlay-bg'.$langClass.'">';
$str.=      '<div class="additional-navigation-wrapper'.$langClass.'">';
$str.=          '<div class="info'.$langClass.'" style="display: none;">';
$str.=              '<a class="border-bottom-white padding-level-one inactive additional-nav-info1" href="javascript:void(0);">';
$str.=                  '<img class="icon" src="images/i_icon.png" />';
$str.=                  '<img class="nav-arrow no-action floatright" src="images/nav-arrow-white.png" />';
$str.=                  '<span class="clearboth"></span>';
$str.=              '</a>';
$str.=              '<div class="additional-nav-info-wrapper1">';
$str.=                  $this->i_icon();                   
$str.=              '</div>';
$str.=          '</div>';
$str.=      '</div>';

Here is the php

function getPortfolioTest(){
        global $_PRODUCTS_TABLE, $_HTTP_ADDRESS, $_PRODUCTS_IMAGES_DIR;
        $i=0;
        $cpt = 1;
        $str = '';
        $whichCount = 1;
        $jobSearch='';
        $query = mysql_query("SELECT * FROM $_PRODUCTS_TABLE WHERE `active`='1' AND `image` LIKE '%.%'".$jobSearch." ORDER BY `client` ASC");
        $combineArr = mysql_num_rows($query);
        while( $result = mysql_fetch_object($query) ){
        	$product = new Product($result->id);
        	$product->setFromDatabase();

        	$linkOut = getSEOLink($product->id);
        	$target = "";
        	if(trim($product->linkout) != ""){
        		$linkOut = $product->linkout;
        		$target = ' target="_blank"';
        	}

        	if($whichCount == 1){
				$portfolioClass="portfolio-active";
				$style = "position: absolute; left:0%; top:0; width:100%;";	
			}else{
				$portfolioClass="portfolio-inactive";	
				$style = "position: absolute; left:-100%; top:0; width:100%;";	
			}

        	if($whichCount == 1){
				$str.='<div id="portfolio-slide'.$i.'" class="portfolio-slide '.$portfolioClass.'" style="'.$style.'">';
	            $str.=		'<div class="portfolio-slide-inner">';
	            $str.=			'<div class="portfolio-banner-content portfolio-banner-left">';
	            $str.=				'<div class="portfolio-banner-header">';
	            $str.=				'</div>';
	            $str.=				'<div class="portfolio-banner-copy">';
	            $str.=					'<ul id="gallery">';	
			}

			$str.=						'<li>';
			$str.=							'<a'.$target.' href="javascript:void(0);">';
            $str.=								'<img src="'.$_HTTP_ADDRESS.'products_images/'.$result->image.'">';
            								echo "this is getPortfolioTest";
            $str.=							'</a>';
            $str.=							'<span>';
            $str.=								'<h3>'.$result->name.'</h3>';
            $str.=								$result->description;
            $str.=							'</span>';	
            $str.=						'</li>';

			if($whichCount % 9 == 0 && $whichCount < $combineArr){

				$i++;
				$str.=						'<div class="clearboth"></div>';
				$str.=					'</ul>';
	            $str.=				'</div>';
	     
	            $str.=			'</div>';
	            $str.=		'</div>';
	            $str.='</div>';		

	            $str.='<div id="portfolio-slide'.$i.'" class="portfolio-slide '.$portfolioClass.'" style="'.$style.'">';
	            $str.=		'<div class="portfolio-slide-inner">';
	            $str.=			'<div class="portfolio-banner-content portfolio-banner-left">';
	            $str.=				'<div class="portfolio-banner-header">';
	            $str.=				'</div>';
	            $str.=				'<div class="portfolio-banner-copy">';
	            $str.=					'<ul id="gallery">';					
			}
			
			if($whichCount == $combineArr){
				$str.=						'<div class="clearboth"></div>';
				$str.=					'</ul>';
	            $str.=				'</div>';
	          
	            $str.=			'</div>';
	            $str.=		'</div>';
	            $str.='</div>';				
	        }
			$whichCount++;

            $cpt++;
          
        }
        return $str;
    }

    function i_icon(){
    	global $_PRODUCTS_TABLE, $_HTTP_ADDRESS, $_PRODUCTS_IMAGES_DIR;

    	$str = '';
    	$i = 0;

    	$query = mysql_query("SELECT * FROM $_PRODUCTS_TABLE WHERE `active`='1'");
                    while($result = mysql_fetch_object($query)){
		$str.=                  '<div class="additional-nav-info-inner'.$i.' overlay-bg" style="display:none;">';
		$str.=                      '<ul>';
		$str.=                          '<h3>'.$result->name.'</h3>';
		$str.=                          '<p>';
		$str.=                             $result->overview;
		$str.=                          '</p>';
		$str.=                      '</ul>';
		$str.=                  '</div>';
		$i++;  
		                    }

		return $str;                     
		    }

Here is the Jquery

function galleryInit(){
	$('#gallery li').hover(
	    function(){$('span',this).slideToggle('fast');},
	    function(){$('span',this).slideToggle('fast');
    });

    	$(".portfolio-banner-inner li").click(function(e){

		if($(".activeExpand").length > 0){

			$(".portfolio-active").css({"left":"0%"});
			$(".portfolio-active").prevAll().css({"left":"-100%"});
			$(".portfolio-active").nextAll().css({"left":"100%"});
			$(".portfolio-banner-inner li").removeClass("inactiveExpand").removeClass("activeExpand").removeAttr("style").find("img").removeAttr("style");
			$(".portfolio-arrow-left-scroll").addClass("portfolio-arrow-left").removeClass("portfolio-arrow-left-scroll");
	    	$(".portfolio-arrow-right-scroll").addClass("portfolio-arrow-right").removeClass("portfolio-arrow-right-scroll");


			return false;	
		} 

		$this = $(this);
		$(".portfolio-banner-inner li").addClass("inactiveExpand")
		$this.removeClass("inactiveExpand").addClass("activeExpand");
		
		
		$(".portfolio-slide").css({"left":"0"})

		$this.parents(".portfolio-slide:first").prevAll().find(".portfolio-slide-inner li").css({"position":"absolute","width":"100%","height":"100%","top":"0","left":"-100%"}).find("img").css({"width":"952px","height":"502px"});
		$this.parents(".portfolio-slide:first").nextAll().find(".portfolio-slide-inner li").css({"position":"absolute","width":"100%","height":"100%","top":"0","left":"100%"}).find("img").css({"width":"952px","height":"502px"});
		

		$this.siblings().prevAll().css({"position":"absolute","width":"100%","height":"100%","top":"0","left":"-100%"}).find("img").css({"width":"952px","height":"502px"});
		$this.siblings().nextAll().css({"position":"absolute","width":"100%","height":"100%","top":"0","left":"100%"}).find("img").css({"width":"952px","height":"502px"});


		$this.css({"position":"absolute","width":"100%","height":"100%","top":"0","left":"0"});
		$this.find("img").animate({
	        width: '952px',//what the width of the image to be expanded is
	        height: '502px'//what the width of the image to be expanded is
	    }, 200);


	    $(".portfolio-arrow-left").addClass("portfolio-arrow-left-scroll").removeClass("portfolio-arrow-left");
	    $(".portfolio-arrow-right").addClass("portfolio-arrow-right-scroll").removeClass("portfolio-arrow-right");

	});

}

function imageSlider(direction){

	$activeExpandWhere = $(".activeExpand");
	if($(".activeExpand").css("left") != "0px") return false;

	if(direction == "right"){
		$(".inactiveExpand").css({"left":"100%"});

		$(".activeExpand").animate({"left":-100+"%"},500,"easeInCubic",function(){
		$(this).removeClass("activeExpand").addClass("inactiveExpand");

		});
		if($(".activeExpand").next("li").length == 0){
			if($activeExpandWhere.parents(".portfolio-slide:first").next().length == 0){
				$(".portfolio-slide").removeClass("portfolio-active").addClass("portfolio-inactive");
				$(".portfolio-slide:first").removeClass("portfolio-inactive").addClass("portfolio-active");
				$(".portfolio-slide:first").find(".portfolio-slide-inner li").eq(0).animate({"left":0+"%"},500,"easeInCubic",function(){
					$(this).removeClass("inactiveExpand").addClass("activeExpand");
				});
				return false;
			}
			$(".portfolio-slide").removeClass("portfolio-active").addClass("portfolio-inactive");
			$activeExpandWhere.parents(".portfolio-slide:first").next().removeClass("portfolio-inactive").addClass("portfolio-active");
			$activeExpandWhere.parents(".portfolio-slide:first").next().find(".portfolio-slide-inner li").eq(0).animate({"left":0+"%"},500,"easeInCubic",function(){
				$(this).removeClass("inactiveExpand").addClass("activeExpand");
			});
			return false;
		}
		$(".activeExpand").next("li").animate({"left":0+"%"},500,"easeInCubic",function(){
			$(this).removeClass("inactiveExpand").addClass("activeExpand");
		});
		return false;
	}

	$(".inactiveExpand").css({"left":"-100%"});

	$(".activeExpand").animate({"left":100+"%"},500,"easeInCubic",function(){
		$(this).removeClass("activeExpand").addClass("inactiveExpand");

	});
	if($(".activeExpand").prev("li").length == 0){
		if($activeExpandWhere.parents(".portfolio-slide:first").prev().length == 0){
			$(".portfolio-slide").removeClass("portfolio-active").addClass("portfolio-inactive");
			$(".portfolio-slide:last").removeClass("portfolio-inactive").addClass("portfolio-active");
			$(".portfolio-slide:last").find(".portfolio-slide-inner li").eq(($(".portfolio-slide:last").find(".portfolio-slide-inner li").length-1)).animate({"left":0+"%"},500,"easeInCubic",function(){
				$(this).removeClass("inactiveExpand").addClass("activeExpand");
			});
			return false;
		}

		$(".portfolio-slide").removeClass("portfolio-active").addClass("portfolio-inactive");
		$activeExpandWhere.parents(".portfolio-slide:first").prev().removeClass("portfolio-inactive").addClass("portfolio-active");

		$activeExpandWhere.parents(".portfolio-slide:first").prev().find(".portfolio-slide-inner li").eq(0).animate({"left":0+"%"},500,"easeInCubic",function(){
			$(this).removeClass("inactiveExpand").addClass("activeExpand");
		});
		return false;
	}
	$(".activeExpand").prev("li").animate({"left":0+"%"},500,"easeInCubic",function(){
		$(this).removeClass("inactiveExpand").addClass("activeExpand");
	});


	
	}

$(document).ready(function(e) {

	galleryInit();

	
	$(".additional-nav-info1").click(function(){
		if($(".additional-nav-info-inner1").css("display") == "block"){
			$(this).removeClass("active");
			$(this).addClass("inactive");
			$(".additional-nav-info-inner1").stop().slideToggle(250);
		} else {
			$(this).removeClass("inactive");
			$(this).addClass("active");
			$(".additional-nav-info-inner1").stop().slideToggle(250);
		}
	});

	$(".additional-nav-info-inner1 a").hover(function(){
		$(this).find("img").eq(0).fadeOut(250);
		$(this).find("img").eq(1).fadeIn(250);
	}, function(){
		$(this).find("img").eq(0).fadeIn(250);
		$(this).find("img").eq(1).fadeOut(250);
	});

}

Need Help Displaying Imagedeleted.jpg When I Delete An Image.

Similar Tutorials

i have an image uploader... that people can link directly to an image. But say for example that image gets deleted. When someone tries to link to it i want it to display a custom imagedeleted.jpg

how can i do this?