Window Appears on Hover

[grungefreak]

I am not sure if it's Javascript or CSS for this one.

 

Like some other websites, I want to show a small window preview of the destination web page when the user hovers over a link.

 

any help appreciated.

 

GF

[DaiLaughing]

I would imagine that the best way would be AJAX.  Javascript onhover gets the page from PHP and converts it to an image to display on the fly.  An easier way might be to screenshot the pages if they are static.  Then just have them pop up using CSS (no need for Javascript).

 

If you go for the easier way you just need to have an absolutely positioned image inside the link/span/div.  Set it's display to none and then:

.pagelink:hover img {	
display:inline;	
}

.pagelink is the class for all your links.  Any img tag inside pagelink elements will display when you hover over the link.  Then you can format it and position it as normal.