Javascript 是否禁用img缩放/调整大小？（如何获得“揭示效果”？）

我有一个img元素。但我想关闭它的调整大小的“能力”，而我让它的宽度增长

这是一个动画，让我慢慢地从左到右显示图像的外观

但是，如果宽度的大小调整/缩放处于启用状态，则图像看起来不是在慢慢显示，而是在宽度上缓慢增长，这不是我想要的。

我正在使用javascript使其宽度增加，有没有办法关闭图像大小调整功能？也许我可以设置css显示或位置

---

我只为iPad开发，所以我认为最好的解决方案是CSS3属性或HTML5方法。

这实际上很像

你可以把你的图像放在一个div里；向div提供样式

overflow:hidden; 
width:0px;

---

然后将div的宽度设置为图像的全宽，它将从左到右慢慢显示。

使用包装

div

和

溢出：隐藏非常容易我使用了CSS3动画，但概念才是最重要的

div{overflow:hidden; 
    -webkit-animation: imageHide 5s infinite;}

@-webkit-keyframes imageHide {
        0%   { width: 0px; }
        100% { width: 300px; }
}

css背景属性（通常？）不受img元素宽度的影响，尽管还有其他方法（例如在不断增长的div中隐藏img——固定宽度）。您可以使用jquery show，如中所述