Quantcast
Channel: around design »検索結果: » fancybox
Viewing all articles
Browse latest Browse all 4

[jQuery] fancyboxのiframeでコンテンツの高さがおかしくなる

$
0
0

jQuery
fancybox(v2.0.6)のiframe機能を使って、あるHTMLページを表示させようとしたところ、
コンテンツの高さをheightで指定しているにもかかわらず、100pxくらいの小さい高さしか
表示されない現象が起こりました。

指定するページをYahooとかの外部サイトにすると問題なく表示されるのに、
自分のサイトのページだといくらやっても狭い表示に。。


調べてもそういった現象がなかったのでかなり困り果てつつも、
いろんなオプションを試していると、ついに発見しました!!

autoSize: false

このオプションを入れると見事に高さを保って表示されました!

それから、iframe表示にするのもJavascriptで指定するのではなくて、
data-fancybox-type=”iframe”とaタグに記述することで可能なようです。
いろいろと仕様が変わっているみたいですね。

Javascript
<script type=”text/javascript”>
$(function(){
$(“a.fancybox”).fancybox({
autoSize: false,
width:”90%”,
height:”90%”
});
});
</script>

HTML
<a href=”aaa.html” data-fancybox-type=”iframe” class=”fancybox”>fancyboxのiframe表示</a>


Viewing all articles
Browse latest Browse all 4

Trending Articles