fancybox plugin 自適應iframe內容尺寸 fancybox iframe auto width height

fancybox plugin 自適應iframe內容尺寸  fancybox iframe auto  width height

本篇使用 jquery-1.11.0 & fancyBox-v2.0.6  請先確認您的版本

jQuery代碼如下,主要是為fancybox加上beforeShow事件的callback,在iframe頁面載入後去抓其內容的寬度及高度。


重點在這 – iframe中的頁面一定要定義其 <html>及<body>的寬度、高度,高度可設為auto
範例如下,將下列代碼置於<head>及<body>中間,父頁面才有辦法去抓到頁面的寬度,以設定ifreme的尺寸

<style type=”text/css”>
/* iframe 頁面 */
html,body{
margin:0;
padding:0;
width:700px;
height:auto;
}
</style>

如果文章對您很有幫助
請我喝杯咖啡吧

Bitcoin 比特幣錢包:

38ieWXhURt27br9XrDoCeo4eruzKyi8QKs



ann71727

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料