html要素をオーバーラップするフレックスペーパー

Question

wmodeプロパティを設定する必要があることはわかっていますが、どこでフレックスペーパーにプロパティを設定しますか？

以下は、FlexpaperをHTMLドキュメントに埋め込むコードです。

<script type="text/javascript"> 
        var doc     = '<?php print $doc; ?>'; 
        var numPages   = <?php echo getTotalPages($pdfFilePath . $doc) ?>; 
        var swfFileUrl   = escape('{services/view.php?doc='+doc+'&page=[*,0],'+numPages+'}'); 
        var searchServiceUrl = escape('services/containstext.php?doc='+doc+'&page=[page]&searchterm=[searchterm]'); 

        var fp = new FlexPaperViewer( 
          'FlexPaperViewer', 
          'viewerPlaceHolder', { config : { 
          SwfFile : swfFileUrl, 
          Scale : 1, 
          ZoomTransition : 'easeOut', 
          ZoomTime : 0.5, 
          ZoomInterval : 0.2, 
          FitPageOnLoad : false, 
          FitWidthOnLoad : false, 
          FullScreenAsMaxWindow : false, 
          ProgressiveLoading : false, 
          MinZoomSize : 0.2, 
          MaxZoomSize : 5, 
          SearchMatchAll : true, 
          SearchServiceUrl : searchServiceUrl, 
          InitViewMode : 'Portrait', 
          BitmapBasedRendering : false, 

          ViewModeToolsVisible : true, 
          ZoomToolsVisible : true, 
          NavToolsVisible : true, 
          CursorToolsVisible : true, 
          SearchToolsVisible : true, 

          localeChain: 'en_US' 
          }});   
       </script> 

Answer 1

私は、FlexPaperViewerコンストラクタにパラメータを渡すことでこれを行う方法はありませんが、flexpaper_flash.jsで解決できる可能性があります。ライン19の近く、そこwmodeのparamを追加してみてください：

window.FlexPaperViewer = window.$f = function() { 
    var config = arguments[2].config; 

    window.FlexPaperViewer_Instance = flashembed(arguments[1], { 
     //add wmode here 
     wmode: "transparent", 
     src: arguments[0]+".swf", 
     version: [10, 0], 
     expressInstall: "js/expressinstall.swf" 
    },{ 
     ... 
    }); 
}; 

Answer 2

実際には、SWF埋め込みコードでHTMLで設定する構成パラメータです。より具体的に答えるには、コードを埋め込む方法と、FlexPaperに必要なwmode値を示す必要があります。ただし、一般的な埋め込み方法に基づいて設定する方法はいくつかあります。

SWFムービーを埋め込むHTMLスタイルを使用している場合は、これを既存のparamタグの隣に追加します。また

<param name="wmode" value="transparent"> 

あなたのSWFを埋め込むためにSWFObjectを使用している場合は、そのようWMODEを設定することができます。詳細については

var flashvars = {}, 
params = {wmode:"transparent"}, 
attributes = {}; 

swfobject.embedSWF("/swf/yourSWF.swf", "anim", "300", "200", "9.0.0", "/swf/expressInstall.swf", flashvars, params, attributes); 

をwmode parameter上のAdobeのマニュアルを参照してください。

Answer 3

良いアイデアは自分flexpaperの設定に以下を追加することです。このよう

：

var fp = new FlexPaperViewer(
          '<%:FlexPaperViewer %>', 
          'documentViewer', { config: { 

            SwfFile: '<%:SwfFile%>.swf', 
            IMGFiles: '<%:SwfFile%>_{page}.png', 
            JSONFile: '/GetJson.ashx?q=<%=SwfFile%>.json', 

            ...lots of other irrelevant params... 
            WMode : 'transparent', 

            localeChain: 'en_US' 
           } 
          }); 

Flexpaperがpick-ますWModeを作成してFlashオブジェクトに設定してください（Flexpaper 1.5（2012年5月）を使用しています）