Piecemaker fallback

Question

Piecemakerのフォールバック機能を含める方法があるかどうかは疑問だったので、ウェブサイトをモバイルで見ると、そのページはJavaScriptベースのスライダに戻ってしまいます。

何か助けていただければ幸いです。

Answer 1

これを理解できましたか？私はPiecemakerがデフォルトでこのオプションを持っているとは思わないし、100％がPiecemaker（まだ）のFlashエフェクトを模倣したjavascriptでこれを行う方法を見ていない。

おそらくこれを行うには良い方法がありますが、最初に気になるのは、モバイルブラウザの検出コードを使用することです（利用可能ないくつかのコードがあります。クイックGoogle検索と異なるオプションを見つけることができます）。次に、Piecemakerをデフォルトとして使用してページのバージョンを表示するか、訪問者がモバイルブラウザを使用している場合は、選択したjavascript/jQueryスライダでバージョンを表示します。助けhttp://tympanus.net/Development/Slicebox/index4.html

希望：これは古いブラウザのためのいくつかのフォールバックとの良好な選択肢があるよう

EDITが見えます！

Answer 2

だから私は、crayon1の考えを守り、フォールバックの子供のhtmlを含めることができるようにフラッシュを埋め込む方法を変えることで、これを回避する方法を見つけたと思います。

JavaScriptFlashGateway.js &

piecemaker-main.php （私たちはWordPressのプラグインの話をしていると仮定）

JavaScriptFlashGateway.jsで

、このコードを見つける：これは2つのファイルを変更する必要があり

function FlashTag(src, width, height) 
{ 
    this.src  = src; 
    this.width  = width; 
    this.height = height; 
    this.version = '9,0,0'; 
    this.id  = null; 
    this.salign = "tl"; 
    this.scale = "noscale"; 
    this.allowScriptAccess = "always"; 
    this.allowfullscreen = "true"; 
    this.bgcolor = 'ffffff'; 
    this.flashVars = null; 
    this.wmode  = null; 
} 

そして、このように変更します。

function FlashTag(src, width, height, fallback) 
{ 
    this.src  = src; 
    this.width  = width; 
    this.height = height; 
    this.fallback = fallback; 
    this.version = '9,0,0'; 
    this.id  = null; 
    this.salign = "tl"; 
    this.scale = "noscale"; 
    this.allowScriptAccess = "always"; 
    this.allowfullscreen = "true"; 
    this.bgcolor = 'ffffff'; 
    this.flashVars = null; 
    this.wmode  = null; 
} 

その後さらに下の行を見つける： "FlashTag.prototype.toString =機能（）"

をそして、これでその全体の機能置き換える：piecemaker-main.phpに続いて

FlashTag.prototype.toString = function() 
{ 
    var ie = (navigator.appName.indexOf ("Microsoft") != -1) ? 1 : 0; 
    var flashTag = new String(); 
    flashTag += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" '; 
    if (this.id != null) 
    { 
     flashTag += 'id="'+this.id+'" '; 
    } 
    flashTag += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version='+this.version+'" '; 
    flashTag += 'width="'+this.width+'" '; 
    flashTag += 'height="'+this.height+'">'; 
    flashTag += '<param name="movie" value="'+this.src+'"/>'; 
    flashTag += '<param name="quality" value="high"/>'; 
    flashTag += '<param name="bgcolor" value="#'+this.bgcolor+'"/>'; 
    flashTag += '<param name="scale" value="noscale"/>'; 
    flashTag += '<param name="allowScriptAccess" value="always"/>'; 
    flashTag += '<param name="salign" value="tl"/>'; 
    flashTag += '<param name="allowfullscreen" value="true"/>'; 
    flashTag += '<param name="wmode" value="transparent"/>'; 
    if (this.flashVars != null) 
    { 
     flashTag += '<param name="flashvars" value="'+this.flashVars+'"/>'; 
    } 
    if(!ie) { 
     flashTag += '<object type="application/x-shockwave-flash" '; 
     flashTag += 'data="'+this.src+'" '; 
     flashTag += 'width="'+this.width+'" '; 
     flashTag += 'height="'+this.height+'">'; 
     flashTag += '<param name="movie" value="'+this.src+'"/>'; 
     flashTag += '<param name="quality" value="high"/>'; 
     flashTag += '<param name="bgcolor" value="#'+this.bgcolor+'"/>'; 
     flashTag += '<param name="scale" value="noscale"/>'; 
     flashTag += '<param name="allowScriptAccess" value="always"/>'; 
     flashTag += '<param name="salign" value="tl"/>'; 
     flashTag += '<param name="allowfullscreen" value="true"/>'; 
     flashTag += '<param name="wmode" value="transparent"/>'; 
     if (this.flashVars != null) 
     { 
      flashTag += '<param name="flashvars" value="'+this.flashVars+'"/>'; 
     } 
    } 
    flashTag += this.fallback; 
    if(!ie) { 
     flashTag += '</object>'; 
    } 
    flashTag += '</object>'; 
    return flashTag; 
} 

を、これを見つけます"$ att ['width']} + 50、{$ att ['height']} + 100、 '9,0,0' ）; "

「9,0,0」を必要な代替HTMLで置き換えます。

あなたが設定されています！希望がこれを助ける:)