Question

jQuery dataTablesの新機能です。実際、私は初心者レベルで1週間もかからずに作業しています。

私はクライアントのために取り組んでいるアプリケーションで、dataTableオプションの1つはProcessingオプションのimgタグを持つ言語です。このように：

"oLanguage": { 
      "sProcessing": "<img src='<?php echo BASE_PATH; ?>/asset/img/ajax-loader_dark.gif'>", 
      "sSearch":  "S&oslash;g:", 
      "sLengthMenu": "Vis _MENU_ linjer", 
      "oPaginate": { 
       "sFirst": "F&oslash;rste", 
       "sPrevious": "Forrige", 
       "sNext":  "N&aelig;ste", 
       "sLast":  "Sidste" 
      } 
}, 

アプリケーションのUX最適化の一環として、私は古いGIFローダーをより現代的な方法で変更したいと考えました。私は、古いブラウザのためのフォールバックを備えたSMIL（アニメーション化されたSVG）を調べ始めました。そして、私は解決策のジャングルに入りました！

私はガイド：https://css-tricks.com/a-complete-guide-to-svg-fallbacks/に出くわしましたが、これがSMILで動作するかどうかわかりませんか？

私の質問は次のとおりです。
- 古いブラウザの代替機能を備えたアニメーションSVGを実装する最善の方法はありますか？
- この「sProcessing」でdataTableのオプションを使用する方法を教えてください。

通知は、アプリケーションが別の開発者によって作成されたため、私はこの解決策を作成していません。私はユーザーエクスペリエンスを最適化しています。

Answer 1

私は彼らのために必要なSVGのフォールバックや特徴検出について多くを知らないが、あなたのようなsProcessing

何かのために適切な値を返すためにJavaScript変数や関数を使用する必要があります：

var processing_img; 
if(svgFeatureDetecion){ 
    processing_img = 'your-svg-source'; 
} else { 
    processing_img = "<img src='<?php echo BASE_PATH; ?>/asset/img/ajax-loader_dark.gif'>"; 
} 

var tableOpts={ 
    "oLanguage": { 
     "sProcessing": processing_img, 
     // ... 
    } 
}; 

$('#my-table').DataTable(tableOpts);