When a mouse over the link ,create a preview of a website?

Question

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.

Do you want to show an live preview of the page, or just a screenshot of the page? If you want to show a live preview, then you can [display the page in an iframe on mouseover.](http://stackoverflow.com/a/16625709/975097) — Anderson Green, May 18 '13 at 15:41

score 5 · Accepted Answer · answered Apr 03 '12 at 04:58

5

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

answered Apr 03 '12 at 04:58

P. Galbraith

2,477
21
24

what if the page is in localhost? – user782104 Apr 03 '12 at 05:03
It will still work as long as you can provide a publicly accessible url. If it is an intranet site then you this approach won't work. – P. Galbraith Apr 03 '12 at 05:06
how about a large number of web, i have to do it one by one? thanks – user782104 Apr 03 '12 at 05:28
Well if you want to save time, with some javascript you should be able to pull the href from the link tag and generate an img src from it. – P. Galbraith Apr 03 '12 at 05:34

score 1 · Answer 2 · answered Apr 03 '12 at 04:52

1

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.

answered Apr 03 '12 at 04:52

linuxeasy

6,269
7
33
40

what if the page is in localhost? – user782104 Apr 03 '12 at 05:00
Well, is it to remain in localhost forever? or will it ever make to production on a independent domain? and secondly, even if its localhost, its less optimized. – linuxeasy Apr 03 '12 at 05:01
how about a large number of web, i have to do it one by one? thanks – user782104 Apr 03 '12 at 05:28
I know this is old thread but, one question @linuxeasy . WIll it still work if I assign a custom domain... say like project.local ? – Keval Domadia Sep 01 '12 at 06:16

When a mouse over the link ,create a preview of a website?

2 Answers2