Tag: zoom

jquery gzoom如何将默认图像大小设置为defualt

我正在尝试使用jquery gzoom: http://lab.gianiaz.com/jquery/gzoom/ 这是我的jquery: $(“.zoom_no_lbox”).gzoom({ sW: 800, sH: 500, lW: 1600, lH: 1000, lightbox: true }); 这是我的形象: 但正如你在gzoom函数中看到的那样,我已经放入了图像的大小。 但是,页面上的图像是动态加载的,并且可以在默认长度上变化。 那么如何将默认值设置为图像的默认值?

在IE7中禁用页面缩放(jQuery / JS)

我知道从可访问性来看这不是最好的事情,但我真的需要禁止用户在IE7中使用CTRL +缩放到页面上。 我通过以下方式为其他浏览器工作,但IE7似乎忽略了“return false”: $(window).keydown(function (e) { alert(‘key is down’); // this fires return false; // but this has no effect in IE7! });

如果缩放,Jquery可放置区域错误

这是评论的小提琴: http : //jsfiddle.net/7xw1m1qd/1/ 以Html为例: JS例如: $(‘.drag’).draggable({}); $(‘.droppable’).droppable({ out: function() { $(‘.drag’).css(‘background-color’, ‘red’); }, drop: function() { $(‘.drag’).css(‘background-color’, ‘green’); }, }); CSS例如: .droppable { width: 200px; height: 200px; transform: scale(2); -webkit-transform: scale(2); -ms-transform: scale(2); background-color: #C3C3C3; } .drag { background-color: black; width: 20px; height: 20px; z-index: 10; position: absolute; top: 10px; left: 350px; } 问题是:如果droppable被缩放(通过transform:scale),它仍然使用droppable的原始尺寸,所以我只能在droppable的原始边界中删除元素。 […]

使用jquery / javascript禁用缩放浏览器?

我想阻止用户无论如何使用缩放网站内容。 例如。 在浏览器选项中按ctrl + scroll / select。 有没有办法在浏览器中使用jquert / js禁用缩放function? 谢谢

Bootstrap导航栏涵盖缩放内容

我正在为导航栏构建一个带有navbar-fixed-top类的网站。除了我放大之外,它在所有内容上都能正常工作。当我放大移动设备时; 导航栏开始包装并在折叠后转到下一行。 但是,我不希望在放大时影响导航栏,但同时保持不同设备的响应能力。 这是可能的还是有解决方法? Toggle navigation Work Writings About

Zoomooz zoomContainer转移

我正在尝试使用zoomooz + jquery.mouse.wheel和jquery.kinetic.js来实现表单设计器中的自由拖动/滚动function的缩放。 以下是该function的演示: http : //jsfiddle.net/mVf8Z/ 我的问题是: “重置”按钮无法将状态重置为原始状态。 它放大容器并将其稍微移动到视口的右上角 当我使用鼠标滚轮放大容器内部时,容器可以放大,但它总是移到视口的右上角 知道我的代码错在哪里? 更新 添加一个额外的图层后,看起来已经解决了转移问题,请查看http://jsfiddle.net/mVf8Z/3/ 。 但是,仍然存在两个问题: 我无法使用jquery.kinetic拖动/滚动将页面滚动到预期的视图端口。 在放大之前这没关系 单击重置按钮不会重置为原始状态,而是缩小一点。 更新2 我最终得到了一个基于zynga scroller(http://zynga.github.com/scroller/)的解决方案。 这是小提琴: http : //jsfiddle.net/mVf8Z/5/ 。 这个解决方案的问题是放大效果与zoomooz相比是可怕的。 我有一个问题提交给zynga, url是https://github.com/zynga/scroller/issues/28

在可替换图像上调用jQZoom

我正在创建一个电子商务产品页面,它将使用jQZoom作为放大特色产品图像的一种方式。 但是,我希望能够点击备用产品照片缩略图并让它不仅替换大的特色图像,而且还可以在新替换的特色图像上重新实例化jQZoom()函数。 所有这一切都很好 问题是这个。 在页面加载时应用了jQZoom()的原始特色图像仍然是一个“活着的工件”,当我hover()替换的特色图像时,缩放效果应用于替换的图像和原始图像。 //////////////////////// 产品页面 /////////////////////// ///////////////////////////////////////////// 我的替换function function SwapPic(image, image_big) { $(“.jqZoomWindow”).remove(); $(“.jqZoomPup”).remove(); $(‘img.feature’).attr(“src”,image); $(‘#product-image a’).attr(“href”,image_big).jqzoom({ zoomWidth: 330, zoomHeight: 330, showEffect:’show’, hideEffect:’fadeout’, fadeoutSpeed: ‘slow’, xOffset :72, title :false }); }

jQzoom IE9错误 – 错误

我对以下页面有疑问。 http://nortlander.dk/frankrig/avoriaz/pistekort/ 我已经安装了jQzoom插件,并且在IE9以外的所有其他浏览器中一切正常,是否有任何知道错误,问题或错误,而somone没有告诉我:) 所有的帮助都会受到影响。 谢谢

如何让我的D3地图缩放到某个位置?

我正在使用D3,到目前为止,我已经能够调整chloropleth示例以仅绘制特定状态。 这只涉及删除所有其他多边形数据,以便我留下我需要的状态。 我从这开始: 然后调整到这个: 但是,我想要做的是在创建时自动平移/缩放地图,以便状态在显示器的前面和中心,如下所示: 我是通过D3库完成的吗? 或者一些独立的代码(我目前使用d3运行jquery-svgpan以允许手动平移/缩放)以实现这一目标?

什么是最好的jQuery产品缩放插件?

我不是一个前端的人,只是学习jQuery,所以任何帮助都表示赞赏。 什么是最简单,最稳定的jQuery缩放插件? 我有一个常规尺寸的产品图像和详细的图像。 我需要以某种方式放大。 你会推荐哪个?