i spent the last 2 hours trying to make this work but no luck, i also tried to put it online so i can post it here but no luck, i have a index and a gallery page, i view the gallery page through a iframe on the index page, and when the viewer hovers over the image i want it to hover over the whole page and gray out the back. can this be done? and can some one help? tnx John ps just got the link to work
FYI, the link you've specified is under investigation for malicious reasons. There are a few ways to accomplish this. The easiest one that I know of would be to find a library that does what you want. There are a few of them (lightbox and shadowbox), but I'm not sure if they support iframes. I do know for sure that there is a similar script out there that does support it. The other route would be to create your own using CSS and JS/jQuery. (jQuery for simplicity) You create an absolute <div> and have the height/width:100%; Then you use CSS with display:none; to hide it. Next, you use the jQuery library to, when you have your cursor click/hover, display the absolute <div> tag ( display:block; ) and the iframe that you want to appear.
It's no longer at the page it displayed. When I last viewed it, the page showed it was under investigation by who I assume was the hosting service. Sorry for the confusion!
You should use use a free script called lightbox. Search on Google for it. When a image is clicked it open on the same page and the background turns a transparent black. It's browser friendly as well. I use it on my porfolio page where I show screenshots of my designs.