Tag: 缩放

Firefox和jQuery的问题: 我使用此代码更改div的大小和不透明度并创建“缩放效果”： $(“#div5”).click(function () { $(‘#wrap’).animate({ ‘opacity’ : 0, ‘zoom’: 1.08, },500); $(‘#wrap’).hide(500,function(){ $(‘#dBenefits’).show(); $(‘#dBenefits’).animate({ ‘opacity’ : +10, ‘zoom’: 1.08, },500); }); }); $(‘#back’).click(function (){ $(‘#dBenefits’).animate({ ‘opacity’ : 0, ‘zoom’: 1, },500); $(‘#dBenefits’).hide(500, function (){ $(‘#wrap’).show({‘opacity’ : 0,},500); $(‘#wrap’).animate({ ‘opacity’ : +10, ‘zoom’: 1, },500); }); 为什么在Firefox上无法正常工作？不会创建缩放效果，但它确实消失div5并出现其他div，但它没有正确。虽然Chrome在相同的代码上会带来更好的结果和我想要的结果。没有控制台错误。示例： http ： //jsfiddle.net/JshKH/ 谢谢。

Javascript放大不同的标签: 我通过按钮和鼠标滚轮function进行了简单的放大和缩小function。主要概念是限制最大缩放级别和最小缩放级别。我已经成功地以两种方式做到了 BIN 1 BIN 2 但我试图在具有唯一ID或类的选项卡部分中进行此操作。我的剧本 var zoomLevel = 100; var maxZoomLevel = 150; var minZoomLevel = 50; var initW=0,initH=0; function zoom(zm) { var img=document.getElementById(“pic”); if(zm > 1){ if(zoomLevel < maxZoomLevel){ zoomLevel+=10; }else{ return; } }else if(zm minZoomLevel){ zoomLevel-=10; }else{ return; } } img.style.width = (initW*zoomLevel/100)+”px”; img.style.height = (initH*zoomLevel/100)+”px”; img.style.marginLeft = ((initW-img.width)/2) […]

在缩放堆栈条形图后，Flot返回不正确的x值（mm / dd / yy – date）: 我想在用户缩放图表并单击特定条形图时获得正确的x轴标签当点击（02/14/14 – xaxis）上的栏时，警报显示（02/19/14 – xaxis）标签。当缩放（选择）未触发时，它返回正确的日期。但在缩放图表并单击栏后，它会填充错误的日期。我是flot排行榜的新手。请帮我。谢谢。 [ Flot Stack Zoom Click $(function() { var dataset = \[{ data: \[ \[1391279400000, -588\],\[1391365800000, -1324\],\[1391452200000, -1525\],\[1391538600000, -588\],\[1391625000000, -1525\],\[1391711400000, -588\], \[1391797800000, -1324\],\[1391884200000, -1525\],\[1391970600000, -588\],\[1392057000000, -1234\],\[1392143400000, -588\],\[1392229800000, -1324\], \[1392316200000, -1525\],\[1392402600000, -588\],\[1392489000000, -1525\],\[1392575400000, -588\],\[1392661800000, -1324\],\[1392748200000, -1525\], \[1392834600000, -588\] \], color:’#9D538E’, label: “Out” }, { data: \[ […]

jqzoom在多个图像上: 我有一个主图像和多个缩略图的标准设置，可以通过这些缩略图来更改主图像。我在主图像上使用jqzoom但是主要图像更改的常见问题和缩放图像只是空白。通过堆栈溢出我发现了一些声称要纠正这个问题的代码，并且它确实如此。但是，不是允许每个更改的图像都进行缩放，而是使主图像只是大型版本的链接，绕过jqzoom函数调用。显示两个示例：使用标准jqzoom代码和缩略图不显示缩放： http ：//designerspider.net/clients/jge/project2.php？id = 17 添加代码和图像只是成为链接： http ： //designerspider.net/clients/jge/project.php？id = 17 我添加的代码是 $(“.thumbs a”).click(function(){ $(“.jqclass”).unbind(); $(“.jqclass”).jqzoom(options); return false; }; 如果有人能看到我错过了什么，或者需要以不同的方式做到这一点，我会感激任何和所有建议。我无法理解为什么添加额外的function会禁用主jqzoomfunction：/

在CSS缩放canvas中获得正确的鼠标位置: 我一直在尝试采用几个简单的MooTools操作的逻辑并将其转换为使用jQuery。我想要的逻辑是这个jsfiddle ，它允许在css大小调整的canvas元素上获得准确的鼠标位置。我在这里找到了答案所以我已经工作了几个小时但没有用我想我理解他的逻辑，但由于某种原因，我没有看到结果这是我迄今为止所做的，arby的逻辑来自他的答案 // Get the change ratio for the new css set size //var cssScale = [canvas.getSize().x / canvas.get(‘width’), canvas.getSize().y / canvas.get(‘height’)]; var cssScale = [$(‘canvas’).height() / $(‘canvas’).attr(‘height’), $(‘canvas’).width() / $(‘canvas’).attr(‘$(‘canvas’).height() / $(‘canvas’).attr(‘height’),’)] //Create an object of the dimensions // I think from my looking at the jsfiddle x&y is the […]

Javascript / jQuery图像缩放插件: 我需要以固定大小的div显示图像。在div下面必须有一些控件，比如光标条，它设置显示图像的分辨率。我不太介意写这个东西，但我认为它可能已经存在了。为什么我找不到这样的东西？（我对像jQZoom和zoomimage这样的东西不感兴趣，它们不会让用户动态选择显示分辨率。）

JavaScript缩放图像和中心可视区域: 我正在尝试在单击按钮时创建可缩放图像，但是图像应该在可视区域上居中放大，因为图像可能比容器大。我在这里创建了一个小提琴来说明我想要的东西，我显然通常会将图像隐藏在容器外面，我现在不会对这个部分感到困扰，也会放入边框覆盖以显示容器的边界。我已根据图像比例完成了缩放部分，我只需要计算出新的顶部和左侧css值，并在缩放后将其应用于图像。此外，图像也可以拖动，因此一旦移动图像，就必须考虑图像的位置。基本上，红色容器内图像的中心点必须在缩放后保持不变，因此您可以有效地放大容器中间的任何内容。 http://jsfiddle.net/wFaFg/1/ why do you we need code to link to jsfiddle? 谢谢编辑： http://jsfiddle.net/FU55w/ 与上面的小提琴接近，但仍然没有完全放大中心点

带缩放的jQuery灯箱: 是否有一个jQuery脚本或插件可以在灯箱中打开图像，并允许您在灯箱内进一步放大？我发现PLENTY的脚本可以做任何一个，或者它的一些变体，但似乎没有两个都做。唯一的选择包我发现或多或少做了我想要的是ajax-zoom，但对于这么简单的事情来说这是一个相当沉重的野兽。更何况，我的共享服务器不喜欢它。

如何缩放整个div？: 我现在正在这个页面上愚弄一个函数。如果单击div旋转的“who”部分。我希望它能够缩放和使用页面。这可能吗？如何才能做到这一点？

当用户点击彼此靠近的链接时，如何防止Android Chrome放大镜（链接预览）？: 我知道之前已经问过这个问题。但是没有一个答案适用于/适用于我的情况。我设计了一个无响应的电子商务网站，因此通过设置此元标记完全禁用缩放：不是一种选择。但我的客户坚持认为这种效果：绝对要去。我一直在尝试检测touchstart / touchend事件和点击，以便当用户点击并在用户的touchend触发时将其删除时，我可以以某种方式添加上面显示的元标记，以便仍然可以使用捏合和双击缩放。还没有成功。另外我无法增加按钮，字体等的大小 – UI设计更改是不可接受的。谁能提供任何有关如何使用CSS / JavaScript / jQuery解决这个问题的想法？