DaniWeb Forum Index > Web Development > PHP

How To Enlarge Image onMouseOver using PHP?

Please support our PHP advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Nov 2007

Posts: 86

Reputation: sagedavis is an unknown quantity at this point

Solved Threads: 6

sagedavis

Offline

Junior Poster in Training

Re: How To Enlarge Image onMouseOver using PHP?

#11

Mar 30th, 2008

the answer is that Pop is not defined. you are calling a function called POP in your onClick function and I see no javascript function (because it must be a function in order to use it). I do not see you using an external javascript either....

so, you've got no internal javascript going on, and no external javascript code (other than declairing a couple of variables) but no javascript functions.

Sage

•

Join Date: Sep 2006

Posts: 107

Reputation: scorpionz is an unknown quantity at this point

Solved Threads: 0

scorpionz

Offline

Junior Poster

Re: How To Enlarge Image onMouseOver using PHP?

#12

Apr 3rd, 2008

Thanks a lot sagedavis for providing me such useful guide lines of correcting my code
Finally i fixed it up up with this code

 Help with Code Tags 
 php Syntax (Toggle Plain Text) 
 
<html>
<head>
<title>My Test</title>
 
<script src="/test_files/scripts/PopBox.js" type="text/javascript"></script>
 
 <script type="text/javascript">
popBoxWaitImage.src = "images/spinner40.gif";
popBoxRevertImage = "images/magminus.gif";
popBoxPopImage = "images/magplus.gif";
</script> 
<style type="text/css">
.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.position-box{
	position:absolute;
	top:100px;
	left:100px;
	}
</style>
</head>
 
<body>
<table class="position-box" border="1">
  <tr>
    <td >
	<img
src="images/ARY0144_small.jpg" alt="" width="399" height="253"
class="PopBoxImageSmall"  id="imgBlueScoop"
title="Click to magnify/shrink"
onclick="return Pop(this,50,'PopBoxImageLarge');"
pbsrc="images/ARY0144_small.jpg"
pbCaption="Nice Try" />
 
</td>
  </tr>
</table>
</body>
</html>
<html>
<head>
<title>My Test</title>

<script src="/test_files/scripts/PopBox.js" type="text/javascript"></script>

 <script type="text/javascript">
popBoxWaitImage.src = "images/spinner40.gif";
popBoxRevertImage = "images/magminus.gif";
popBoxPopImage = "images/magplus.gif";
</script> 
<style type="text/css">
.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.position-box{
	position:absolute;
	top:100px;
	left:100px;
	}
</style>
</head>

<body>
<table class="position-box" border="1">
  <tr>
    <td >
	<img
src="images/ARY0144_small.jpg" alt="" width="399" height="253"
class="PopBoxImageSmall"  id="imgBlueScoop"
title="Click to magnify/shrink"
onclick="return Pop(this,50,'PopBoxImageLarge');"
pbsrc="images/ARY0144_small.jpg"
pbCaption="Nice Try" />

</td>
  </tr>
</table>
</body>
</html>

Infact this thread will be so much helpful though.....

Thanks and Regards to all those who participated with me in this thread...

Thanks and Regards
ScorpionZ

Last edited by cscgal; Apr 3rd, 2008 at 2:01 am. Reason: Fixed code tag