w2ui Toolbar-Elemente - Gibt es eine Möglichkeit, benutzerdefinierte Symbole per URL hinzuzufügen?

Question

In w2ui Symbolleiste Elemente, wenn Sie dann erstellen, können Sie die CSS-Klasse für Ihre icon.Like im Beispiel unten angeben:

<script type="text/javascript"> 
$(function() { 
    var btnCount = 0; 
    $('#toolbar').w2toolbar({ 
     name: 'toolbar', 
     items: [ 
      { type: 'button', id: 'append', text: 'Append', icon: 'w2ui-icon-plus' }, 
      { type: 'button', id: 'insert', text: 'Insert', icon: 'w2ui-icon-cross' } 
     ], 
     onClick: 
      //Some Code 
});</script> 

Wo w2ui-icon-plus 'und w2ui-icon-Kreuz sind CSS-Klassen.

Das bedeutet jedoch, dass Sie eine CSS-Klasse für dieses Symbol definiert haben müssen. Wie kann ich das Icon nur über die Image URL setzen?

Da ich dynamische Bilder haben kann, kann ich keine CSS-Klasse für alle erstellen.

Answer 1

Das ist derzeit nicht möglich.

Ihre beste Wette wäre, die Symbolleistenschaltfläche zu identifizieren, die Sie mit JQuery bearbeiten und das Hintergrundbild ändern möchten.

Hier ist ein Beispiel, das das Hintergrundbild der ersten Taste ändert:

$(".w2ui-tb-image").first().css({ 
    "background-image": "url(http://lorempixel.com/output/animals-q-c-16-16-1.jpg)" 
}); 

Arbeits Geige: http://jsfiddle.net/6wkunhz7/

Fiddle Basiscode von hier genommen: http://w2ui.com/web/demos/#!toolbar/toolbar-1

Sie müssen möglicherweise die Anpassung CSS etwas mehr, damit alles gut aussieht, aber du solltest die Grundidee bekommen.

Answer 2

Ich habe eine andere Methode nur hier, den Code CSS .icona: vor und nach dem Symbol Eigenschaft w2ui hinzufügen ... Bye

Add custom icons in 'w2ui' toolbar