Tag: 预览

使用jQuery动态更改段落文本？: 我想将输入的信息输入到文本字段中，并将其显示在页面上其他位置的段落中。基本上，正好在下面发生了什么，因为我输入了这个（去发一个问题并开始在主文本框中输入，你就会看到我的意思）。知道怎么做吗？该页面上有如此多的JavaScript我无法找到他们是如何做到的。

在链接中生成网页的缩略图图像: 我想使用页面链接生成网页的预览缩略图。我怎样才能做到这一点？我对C＃.NET，Javascript / JQuery很满意。关心NLV

如何在上传前显示图片预览？: 我想在上传过程之前显示图片预览。在我的情况下，我选择了带输入文件的多个图像，文件名列表将显示为链接。当我单击图像文件名链接时，预览图像弹出窗口将显示其特定图像。这是我的代码.. 这是我的javascript $(document).on(‘click’,’.close’,function(){ $(this).parents(‘span’).remove(); }) document.getElementById(“uploadBtn”).onchange = function () { document.getElementById(“uploadFile”).value = this.value; }; document.getElementById(‘uploadBtn’).onchange = uploadOnChange; function uploadOnChange() { var filename = this.value; var lastIndex = filename.lastIndexOf(“\\”); if (lastIndex >= 0) { filename = filename.substring(lastIndex + 1); } var files = $(‘#uploadBtn’)[0].files; for (var i = 0; i < files.length; i++) […]

elevateZoom禁用隐藏的元素: 我正在使用elevateZoom.js作为预览图像。我在滑块中隐藏了元素的问题。如何在hover时禁用预览溢出隐藏的图片。在此示例中，一切正常，但如果您将鼠标hover在滑块的右侧，您将看到隐藏图片的预览。是否可以禁用此function？代码是： $(document).ready(function() { $(‘#next’).click(function(event) { event.preventDefault(); $(‘#long-box’).animate({scrollLeft:’+=706′}, ‘slow’); }); $(‘#prev’).click(function(event) { event.preventDefault(); $(‘#long-box’).animate({scrollLeft:’-=706′}, ‘slow’); }); }); $(document).ready(function() { $(‘#sliding-windows’).find(“img”).elevateZoom({ zoomType: “lens”, cursor: “crosshair”, zoomWindowFadeIn: 500, zoomWindowFadeOut: 750 }); }); CSS是： #long-box { width: 702px; margin: 16px auto 50px auto; position: relative; overflow: hidden; } #long-box-wrapper { position: relative; width: […]

带有rails 3.2的github预览function: 我正在使用twitter bootstrap tabbable： http://twitter.github.com/bootstrap/components.html#tab3 我想知道，当用户在github上打开新问题并按下预览选项卡时，如何复制预览效果。我希望在发布此项目之前预览实际项目。你可以看到例如： https://github.com/samwillis/pagedown-bootstrap/issues/new 您可以单击预览并预览问题。我想如果存在一些插件或库来使用jquery制作这个function，或者为此目的存在一些gem，因为github是用rails上的ruby制作的。非常感谢你！