JQuery Datatable - デフォルトの "Processing"テキストの代わりにカスタムローディングGIFを配置する

Question

現在のバージョンのJQuery Datatableを使用しています。私はサーバー側の処理を実装しました。 Dafaultテキスト "Processing"ではなく、独自のLoading GIFを配置する方法はありますか？

<table id="table" class="table table-striped table-bordered table-hover display nowrap" cellspacing="0" width="100%"> 
    <thead> 
    <tr bgcolor="#76b900"> 
     <th> Request #</th> 
     <th>Description</th> 
     <th>Created By</th> 
    </tr> 
    </thead> 
</table> 

はここに私のJSコードです：

は、ここに私のHTMLコードです

$('#table').DataTable({ 
    "dom": '<"top"lB>rt<"bottom"ip>', // DataTable element position 


    "lengthMenu": [ 
     [10, 25, 50, 100, 500], 
     [10, 25, 50, 100, 500] 
    ], // page length options 
    "pageLength": 25, // default page length 
    "pagingType": "full_numbers", // pagination related buttons 

    "ordering": true, 
    "order": [ 
     [0, "desc"] 
    ], 

    "scrollX": true, // enables horizontal scrolling  
    "filter": true, 
    "responsive": true, 
    "serverSide": true, 
    "info": true, // control table information display field 
    "processing": true, 
    "stateSave": true, //restore table state on page reload, 

    "ajax": { 
     "url": Helper.baseUrl() + "Search/LoadData", 
     "type": "POST", 
     "datatype": "json", 
     "data": function(d) { 
     d.searchParams = searchFilters(); 
     }, 
    }, 

    "columns": //Binds values fetched from the database to their respective columns 
     [{ 
     "data": "RequestNo", 


    }, { 
     "data": "Description" 
    }, { 
     "data": "CreatedBy" 
    }], 
    }); 

UPDATE

これは、処理のための私の更新JSコードです：

"language": { 
      "infoFiltered":"", 
      "processing": "<img src='~/Content/images/loadingNew.gif' />" 
     }, 

これは機能しませんでした。私は間違った技術で道を含んでいますか？

Answer 1

これを見てくださいDEMO私は作っています。

var table = $('#changeLogTable').DataTable({ 
     "bLengthChange": false, 
     "bPaginate": true, 
     "bInfo": false, 
     "autoWidth": false, 
     "order": [[0, "desc"]], 
     "processing": true, 
     "serverSide": true, 
     "sAjaxSource": "data.js", 
     oLanguage: {sProcessing: "<div id='loader'></div>"} 
    }); 

}）

Answer 2

解決しよう： -

当初、私は間違った方法でパスを含めていました。
使用する@Offir Pe'er回答答え私はそれが働いている（私のコードの現在の唯一の変更は、私は現在のバージョンすなわち1.10構文を使用しているということです）。

これは私のコードは、今どのように見えるかです： -

"language": 
{   
"processing": "<img style='width:50px; height:50px;' src='Content/images/loadingNew.gif' />", 
} 

だから私はちょうど私の前に更新されたコードから「〜」を削除する必要がありました。

はここに私のディレクトリ構造です：

-Rootフォルダ

• コンテンツ

  • 画像

    • loadingNew.gif
    の

• スクリプト

  • MyJSFile.js