I am using tiptip and there is option of create a box when a link is mouseover.
So, the only way to do this is to get a screenshot of the html (how?) and using tiptip to do the popup preview, are there any way to do it more directly?
Since there are >30 html website i need to create a preview, thank you.
Rather than loading the webpage in an iframe (which could be very slow).
Why don't you just display an img screenshot of the site using an external API such as:
Example:
http://api.thumbalizr.com/?url=http://www.google.com&width=250
Wherever it is applied, its been through a screen-shot only.
That's a very optimized way and light. You you tooltip plugin is working fine with jquery, great or else, you can even try Jquery's QTip plugin.
There are other ways of displaying the actual HTML by shortening it (in pixels), but can't consider them very light or say that are a less optimized solutions. (Also it has certain issues like not HTML for whatever reason or due to incompatibility didn't rendered well, whereas SS-Images always remains stable.)
In practice, when you see google's search results, and in-place web-preview, you will find that they are actually using images.