0

我有一个包含 10 个内联图像的 div。在图像加载时,我想给 div 赋予动画效果。我想以 % 增加它们的大小。我的 css 代码中没有定义的高度。如何动画它。

小提琴http://jsfiddle.net/simmi_simmi123/Pukjw/5/

HTML页面:

  <body style="background-image:url('img2/Mesh2.png');background-repeat:no-repeat; background-size: cover;">
            <h1>iFlow</h1>


            <div id="container">
            <div id="center" class="column" style="  background-color: gray; opacity: .80; -moz-opacity: 0.80;height:100% ">        



            <!-- This is all the XHTML ImageFlow needs -->
            <div id="myImageFlow" class="imageflow" >


                <img  />
                <img  />
            </div>

       </div>

       </div>


        </body>

CSS:

.imageflow {
        overflow: hidden;
        position: relative;
        text-align: left;
        visibility: hidden;
        width: 100%;

    }
.imageflow img {
    border: none;
    position: absolute;
    top: 0px;
    visibility: hidden;
    -ms-interpolation-mode: bicubic;

}
4

1 回答 1

0

只需参考以百分比表示的相同jQuery 动画和属性值的 SO 答案,仅供参考http://bugs.jquery.com/ticket/10669会有所帮助。

于 2013-05-13T11:04:15.690 回答