Tag: 图像缩放

jQuery放大和缩小function不起作用: 当按下按钮时，我试图放大并缩小照片，但是我无法让代码正常工作我相信这是我构建缩小部分的方式。码。 jQuery代码： $(“.enlarge-photo”).click(function(){ //photo – zoom-in var $img = $(“.image”); $img.stop().animate({ height: “365”, width: “269”, paddingRight: “12”},”fast”); },function(){ $img.stop().animate({ height: “265”, width: “169”, paddingRight: “0”},”fast”); }); 这是我使用的HTML： Laura Skelding/AMERICAN-STATESMAN ENLARGE PHOTO

Webkit + jQuery + SuperBGImage：完全浏览器图像没有抗锯齿: 此图像最能说明问题：我正在自定义使用SuperBGImage的WordPress主题。在Safari 5.1和Chrome 13中，当调整浏览器窗口大小时，图像不会平滑地消除锯齿，并且可以清楚地看到工件。您可以轻松地将SuperBGImage演示与生产站点进行比较…… SuperBGImage演示与我的项目我已经将演示图像添加到WordPress网站（个人类别）进行直接比较。樱桃的形象是最明显的。我已经在这方面工作了一段时间，并试图以下无济于事：试图为幻灯片图像添加2px边框，这解决了CSS3变换几乎没有相关的问题。还原缩放算法，我已修改为永不裁剪图像。添加了演示中使用的完全相同的图像文件。试图添加一个box-shadow来触发平滑。 Diff’d所有修改过的JS和CSS试图找到潜在的疏忽。（ image-rendering: optimizeQuality;和-ms-interpolation-mode: bicubic;保持一致完整。确认SuperBGImage与jQuery 1.3.2（演示版）和1.6.2（项目）一样正常工作。构建了一个简化的演示并确认问题不在于我修改过的SuperBGImage JS。（唯一不同的是裁剪方法。）在查看SuperBGImage演示时，您会注意到在释放调整后的窗口后大约半秒钟会发生平滑。我的项目中没有这种微妙的转变，尽管它曾经有效。有谁知道什么可能导致这种差异？与大多数项目不同，我遗憾的是在源代码管理中没有这个，所以我不能仅仅通过修订来解决问题。对于那些想要摆弄简单演示的人： http ： //jsfiddle.net/4ZcPF/