How To Enlarge Image onMouseOver using PHP?

•

What is DaniWeb IT Discussion Community?

You're currently browsing the PHP section within the Web Development category of DaniWeb, a massive community of 373,098 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,880 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our PHP advertiser: Lunarpages PHP Web Hosting

Thread Tools Display Modes

Views: 2150 | Replies: 12 | Solved

Page 2 of 2

•

Join Date: Nov 2007

Posts: 86

Reputation: sagedavis is an unknown quantity at this point

Rep Power: 1

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: 84

Reputation: scorpionz is an unknown quantity at this point

Rep Power: 2

Solved Threads: 0

scorpionz

Offline

Junior Poster in Training

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 1:01 am. Reason: Fixed code tag

•

Join Date: Nov 2007

Posts: 86

Reputation: sagedavis is an unknown quantity at this point

Rep Power: 1

Solved Threads: 6

sagedavis

Offline

Junior Poster in Training

Re: How To Enlarge Image onMouseOver using PHP?

#13

Apr 7th, 2008

You're welcome,
glad I could help.
sage

Page 2 of 2

•

Only community members can participate in forum threads. You must register or log in to contribute.

•

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

•

DaniWeb PHP Marketplace

•

Thread Tools	Display Modes
Show Printable Version Email this Page	Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

•

Other Threads in the PHP Forum

Previous Thread: RewriteBase / (.htaccess) Simple problem for experienced people
Next Thread: Create ur own page number

DaniWeb Home > Forums > Web Development > PHP

How To Enlarge Image onMouseOver using PHP?

Re: How To Enlarge Image onMouseOver using PHP?

Re: How To Enlarge Image onMouseOver using PHP?

Re: How To Enlarge Image onMouseOver using PHP?