Hi, I have webpage with a table containing a number of PDF icons which, when clicked, download various PDF documents.

What I'd like to do to give the viewer a preview without having to download the PDFs, is to enable a pop up image of the document when they rollover / hover over the PDF icon.

 

I'd really appreciate any suggestions for the simplest way to create this.

 

Thanks in advance.

All fine until you hit a touch device where you can't hover.

You need a hover popup, either basic css or javascript for a smooth transition and effects.

Thanks, I've found this script...

http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

I've set it up to test it and it works spot on, now the problem is when I insert it into a table (it needs to be in a table as I have lots of these icons in columns) then it stops working ;o(

Does anyone know how I can solve this issue?

 

Thanks in advance

Dunno without seeing where you've gone wrong..

shall we all play 20 questions or would you like to post the code, maybe a link perhaps?