2012-03-13 7 views
0

ファンシーボックスに表示しているiframeにswfがあります。私のローカルサーバー上では素晴らしいようですが、FF10を使用してオンラインで閲覧すると余分な空白があります。クレイジー!同じコード、同じブラウザ、別のサーバー??以前はそれがなかった。ファンシーボックス内のSWFの周りの不思議な空白

編集:いくつかの参考にして、私はChromeのオンライン版(下のリンク)が完璧に見えることを発見しました。だから問題はFirefoxのようだ...私はキャッシュをクリアして、iframeリンクのswf.html?ver = 3にバージョンを再起動して追加しようとしました。

なぜこのページは、ローカルホストで表示されたときにFFで次のように表示されますか?

デモはここにある:http://memelab.com.au/flipbook/index.html

私はswfファイル(フリップブックアルバム)は、正確にswfファイルのエッジの周りに空白を.fancybox-内部のdivに合わせないようにしたいです。画像自体には空白があります(最初のページには赤い辺が追加されていますが、これは上端と辺が見える - 下が切り取られています)が、swfの端はページ間の影によって見えます。ページコーナーリフト。

空白を取り除くのに大変なトラブルがありました。オブジェクトパラメータにscale = "noScale"を指定できるため、swfをiframeに入れるとより良い結果が得られました。

高さと幅のプロパティが重複しているため、Firebugの問題を追跡するのに問題がありました。そのため、試行錯誤が成功しました。ちょうどアップロードで異なる理由を見ることができません!

マイスクリプト:

$(document).ready(function() { 
    $("a.various").fancybox({ 
     width  : 1008, 
     height  : 792, 
     minWidth : 1048, 
     minHeight : 832, 
     autoSize : false, 
     padding  : 20, 
     wrapCSS  : 'pageflip' 

    }); 
}); 

とswf.html内部opject:

<object width="1008px" height="792px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> 

<param name="scale" value="noScale" /> 
<param name="salign" value="TL" /> 

<param value="transparent" name="wmode"> 
<param value="true" name="allowfullscreen"> 
<param value="always" name="allowscriptaccess"> 
<param value="pageflip.swf" name="movie"> 

<embed width="1008px" height="792px" wmode="direct" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" src="pageflip.swf" scale="noScale"></object> 

私はそれがキャッシュの問題(旧コード)であるかもしれないと思ったが、上= 2版入れて?終わりは私のために働かない。

私は困惑しています..何か提案がありますか?おかげで、ティム

私が正しくあなたを理解している場合

答えて

0

わからない(記録のために、私は。ローカルホスト(XAMPP)、から、アップロードのLAMPサーバー上のファイルを実行している)が、この君は何があります欲しいです?

$(document).ready(function() { 
    $("a.various").fancybox({ 
     width  : 1008, 
     height  : 792, 
     minWidth : 1008, 
     minHeight : 792, 
     autoSize : false, 
     padding  : 0, 
     wrapCSS  : 'pageflip' 

    }); 
}); 
+0

あなたの入力のおかげで本当に.fancybox-outerの周りのパディングが取り除かれます。 私の問題は埋め込みタグの_inside_上の空白などが空白になっていることです私は思う)_only_私はFirefoxを介してオンラインでページを表示します。 FF +ローカルコピーは完璧ですが、Chrome +オンライン版は完璧です! 私は代理人を得たときにあなたをアップウォークしたいと思います。今は私の質問を明確にします - 問題はブラウザーに関連しているようです。 私の質問を明確にします.. – ptim

0

私が正しくあなたを理解していれば、あなたの問題は4.JPGイメージhttp://memelab.com.au/flipbook/pages/4.jpgである - これは実際に画像自体の内部すべてが空白文字を持っている - それが広いよりも、IFRAMEは背が高くなって。それ以外では、私はあなたのフラッシュムービーの周りの空白を見ることができません。

+0

本当に!画像自体には空白がありますが、swfの境界は、ページ間に表示される影と、ページが回転するときにページの端で表示されます。 swfの周りにまだ空白が表示されています:(探してくれてありがとう) – ptim

+0

おかげでジミー - あなたはどんなブラウザを使っていますか?Chromeは正しい結果を示しています。 – ptim