如何在CustomBox中添加自定義加載圖像？

我正在使用CustomBox插件（http://dixso.github.io/custombox/）進行模態對話。當我點擊按鈕打開對話框時，它會加載庫代碼中的圖像（或圖標）。它只有屬性loader，但沒有自定義圖像圖標屬性。如何在CustomBox中添加自定義加載圖像？

var modal = new Custombox.modal({ 
    content: { 
     target: '#open', 
     effect: 'fadein', 
    }, 
    loader: { 
     active: true, 
     color: '#fff', 
     speed: 1000, 
    } 
}); 
modal.open();

問題加載動畫持續不到一秒鐘，因此我無法趕上這個容器開發工具來獲得圖像/圖標源。

來源

2017-10-15 sirjay

這是一個div，你想要改變它的圖像？ –

簡單的CSS/SVG/GIF動畫 – sirjay

你可以通過ovveriding加載器CSS樣式並設置自定義背景+刪除邊框（設置爲0）也可以刪除css動畫。

PS：速度裝載機似乎不能正常工作，因爲不管是隻爲一個比特變化值與否形象展示

見下片段：

var modal = new Custombox.modal({ 
 
    content: { 
 
     target: '#open', 
 
    }, 
 
    loader : { 
 
     active: true, 
 
     background: '#4d0', 
 
     speed:10000 
 
    } 
 
}); 
 
setTimeout(function(){ 
 

 
    modal.open(); 
 
},1000)

.custombox-loader{ 
 
    background:url('https://gifimage.net/wp-content/uploads/2017/07/gif-uploader-10.gif') no-repeat; 
 
    background-size:100%; 
 
    border-width:0px !important; 
 
    animation-name:none!important; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/custombox/4.0.3/custombox.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/custombox/4.0.3/custombox.min.js"></script> 
 

 

 
<div id="open"></div>

來源

2017-10-15 15:25:25

如何在CustomBox中添加自定義加載圖像？

回答

相關問題