jquery load function for small preview

Question

Preview:         

In the following div i need to show a very small preview of a page.In order to do that what should be the css set to, When i use the following code below,the preview is very big.I need to show the preview with the size of the videos on you tube(as In suggestions tab)

var url="/tools/display/" + param;
$('#preview').css({"width" : "200px" , "height" : "10px" , "background-color" : "Black" , "position" : "fixed","display" : "inline" });
$("#preview").load(url);

Thanks..

Answer 1

try to add css property "overflow: auto" or "overflow: scroll" or "overflow: hidden"

Kind Regards

--Andy

Answer 2

jQuery Scale. Give that a try. I think you are looking to scale the entire HTML doc into a small DIV element?

http://docs.jquery.com/UI/Effects/Scale

Answer 3

Hi, in general those previews are images that are generated server side.

If you don't want to implement your own server side logic, you could try a service like: http://www.websnapr.com/

Have a look at this page to see an example of how to use websnapr.com with jQuery