Jump to content

PHP Image

- - - - -
Started by Guest_NeedHelp_* , Apr 18 2007 11:22 AM

This topic has been archived. This means that you cannot reply to this topic.
1 reply to this topic

#1
Guest_NeedHelp_*
Posted 18 April 2007 - 11:22 AM

Guest_NeedHelp_*
  • Guests
I'm not sure if this is the right section but I don't need help with PHP and I'm not sure what I do need help with - :D :confused:

I have a image.php which displays an image. It works great! Instead of having the user click on a link and going to this image I would like to have a onMouseOver event where a balloon will open and this image appears. Is this possible? How do I do this?

Will I use JavaScript only for this?

#2
Guest_Jordan_*
Posted 20 April 2007 - 06:00 AM

Guest_Jordan_*
  • Guests
Javascript and CSS will work:

Add this as a style (modify as needed):
<style>
		.balloon a:hover {background-color: #FFFF99;;color:#0000FF;}
		.balloon a:link span{display: none;}
		.balloon a:visited span{display: none;}
		.balloon a:hover span {
			position: absolute;
			margin:15px 0px 0px 20px;
			background-color: beige;
			padding: 2px 10px 2px 10px;
			border: 1px solid #C0C0C0;
			font: normal 12px verdana;
			text-decoration:none;
			color: #000000;
			text-align:left;
			display: block;
		}
</style>


And then where you want the image pop-up:
<span class="balloon">
<a href="">image
<span><img src="image.php" alt="Post Graph"></span>
</a>
</span>

Back to JavaScript and CSS




  1. CODECALL Programming Forum
  2. → Web Development Forum
  3. → JavaScript and CSS
IPB skins by Skinbox