Printable View
How would you make a thumbnail screenshot preview of an external URL? I've seen this done online, but was wondering how they did it, do they literally have to load in the entire page somehow offscreen, then take a screenshot then shrink that down and display that??
boombanguk
Hi there,
This may help.
thats very cool, but what I'm curious about is how the JS does that?
Just a quick scan though the Javascript code leads me to this: http://images.websnapr.com/?url=http://www.google.com You can just modify the url variable to any website and it returns a screen shot, so you can just load the images into Flash if you'd like:
http://images.websnapr.com/?url=http://www.google.com
http://images.websnapr.com/?url=http://www.yahoo.com
http://images.websnapr.com/?url=http://www.msn.com
http://images.websnapr.com/?url=http...roductions.com
but how does the Javascript actually do that?
the javascript is not creating the picture, its just loading the picture. the pictures are created by their servers. your best bet would be just to use websnapr and use the images they already have, and if they don't have one in their database, and its requested, itll generate it for you eventually.
so its not a live snapshot then? what I'm interested in is how its done on their servers? using php?
PHP I'm not sure but if you wanna go the ASP.NET route I can show you how..
But no - the example above just uses someone elses site to generate the pictures - they are probably live though as the web page it pulls the images from is probably generating the images on the fly.... hmmm.. actually, it doesn't, it queues the image generation so... it's not that good really.
um, well if you can tell me the general principles of how you do it with ASP.NEt that would be great, thanks.
Well - what you do is create an instance of a browser (IE) on the server, point it at the website you want a thumnail of, take a screenshot, resize and save.
You seen this: http://forums.digitalpoint.com/showthread.php?t=76454
?
thanks for that, the only thing i saw though that would be of any use was HTML2JPEG, but it says it doesn't work very well and its guess work where the sub window is!
But basically you need to have a server installed on the server?? how would you do that?
Honestly I suggest just using a service that already does it. Cached images are not bad. There's no reason to not use a cached thumbnail of a site. It is a heck of a lot easier than to write your own script for generating them when there are a bunch of companies out there that do it for you and already have a huge database of thumbnails.