用于小预览的 jquery 加载功能答案

【问题标题】：jquery load function for small preview用于小预览的 jquery 加载功能
【发布时间】：2010-04-06 07:31:40
【问题描述】：

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

在下面的 div 中，我需要显示一个非常小的页面预览。为了做到这一点，css 应该设置为什么，当我使用下面的代码时，预览非常大。我需要在你的管上显示带有视频大小的预览（如在建议选项卡中）

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

谢谢..

【问题讨论】：

标签： javascript jquery css jquery-ui jquery-selectors

【解决方案1】：

jQuery 缩放。试试看。我认为您希望将整个 HTML 文档缩放为一个小的 DIV 元素？

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

【讨论】：

【解决方案2】：

通常，这些预览是在服务器端生成的图像。

如果您不想实现自己的服务器端逻辑，您可以尝试以下服务： http://www.websnapr.com/

查看at this page 以查看如何将 websnapr.com 与 jQuery 一起使用的示例

【讨论】：

【解决方案3】：

尝试添加 CSS 属性 overflow: auto 或 overflow: scroll 或 overflow: hidden。

【讨论】：