[HTML] How do I do this?

It might be possible with CSS, but not quite in the same way. You'd use the :hover pseudo-class to display the pop-up box.

The specific script templatemonster uses is http://www.javascriptkit.com/script/script2/simpleimagetrail.shtml and is implemented using the mousover and mouseout events e.g.
Code: 
<img src="http://images.templatemonster.com/screenshots/14000/14028-m.jpg" 
style="border-color: rgb(119, 119, 119);" 
[COLOR=Yellow][B]onmouseover="showtrail('http://images.templatemonster.com/screenshots/14000/14028-b.jpg ','Template 14028',430,421)" 
onmouseout="hidetrail()"[/B][/COLOR] 
border="0">
 
Augmented said:
<< snip >>
Click to expand...

Thanks for this, I will try exploring trying to do it without the use of javascript, but have bookmarked this as a backup. Thanks again.


Mr_L said:
CSS Library: CSS Popup Image Viewer

The above is an example of how something similar can be achieved with CSS.
Click to expand...

Cheers, I am trying to get this to work with a text link which has a width and height of 100%, but whenever I do this, the box always appears what I can only guess at 60px from the left of the screen.

Is there a way you can adapt it to use text?

EDIT: I think its the fact it doesn't like the percentage
 
Last edited:
I have decided to go with the javascript solution as it is the easiest to implement.

I have implemented it, butI get the yellow informational bar in IE6 asking if you want tot allow the content.

Is there anyway to avoid getting this?

Thanks.
 
When you upload the page+script to your host the yellow bar should disappear. The script warning only normally happens when you run something locally.
 
You must log in or register to reply here.
Back
Top Bottom