CSS expression控製圖片自動縮放效果代碼[相容 IE,Firefox]_經驗交流

來源:互聯網
上載者:User
今天用了很久時間終於解決了這個問題,基本完美了,唯一不完美的就是 IE 6 只有在圖片完全下載完成後才會自動調整大小,不過聊勝於無,總比進入頁面後看到長長的橫向捲軸舒服的多,這裡使用了 expression,但是利用了一次載入,所以 expression 不會造成記憶體流失。當然,如果你有更好的解決方案,希望能與我交流。

代碼如下:

.Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;padding: 3px; zoom:expression( function(elm) { if (elm.width>560) { var oldVW = elm.width; elm.width=560; elm.height = elm.height*(560 /oldVW); } elm.style.zoom = '1'; }(this)); }
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.