Функция загрузки JQuery для небольшого предварительного просмотра

Question

     <strong>Preview:</strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div id=\"preview\"></div>

В следующем разделе мне нужно показать очень маленький предварительный просмотр страницы. Для того, чтобы сделать то, что должно быть установлено css, Когда я использую следующий код ниже, предварительный просмотр очень большой. Мне нужно показать предварительный просмотр с размером видео на вашей трубе (как на вкладке «Предложения»)

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

Спасибо ..

Answer 1

jQuery Scale. Дайте это попробовать. Я думаю, вы хотите масштабировать весь HTML-документ в небольшой элемент DIV?

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

Answer 2

в общем случае это предварительные изображения, которые создаются на стороне сервера.

Если вы не хотите реализовывать свою собственную логику на стороне сервера, вы можете попробовать такой сервис, как: http://www.websnapr.com/

Посмотрите на этой странице , чтобы увидеть пример использования websnapr.com с jQuery

Answer 3

Попробуйте добавить свойство CSS overflow: auto или overflow: scroll или overflow: hidden.