jQuery UI垃圾桶圖標

在本網站用戶的幫助下，我設法將this圖庫頁面放在一起。jQuery UI垃圾桶圖標

您會在示例頁面上看到我使用十字交叉以允許用戶刪除圖像。我遇到的問題是試圖將圖標更改爲jQuery UI'垃圾'圖標。我找到了.ui-icon-trash這個問題的圖標，但是我找不到有關如何在我的頁面中實現此操作的任何說明。

的一段代碼與該圖標是涉及如下：

.galleria-thumbnails .btn-delete {  
      display: block; 
      position: absolute; bottom : 0px; 
      width: 80px;  
      height: 80px;  
      cursor: pointer;  
      background: url(cross.png) no-repeat bottom; }

我試圖改變url(cross.png)到url(.ui-icon-trash)和url(class=.ui-icon-trash)沒有任何成功。如果可能的話，我也會將圖標居中，而不是它的當前位置off-centre。

我只是想知道是否有人可以看看這個，讓我知道我要去哪裏錯了。

來源

2012-05-07 IRHM

你不能做到這一點，你必須使用HTML代碼：

<span class="ui-icon ui-icon-trash"></span>

這將顯示垃圾桶圖標。

沒有「垃圾」圖片作爲圖標文件。所有圖標都存儲在一個大的「精靈」圖片文件中，然後應用一些CSS規則來僅顯示請求的圖標。

來源

2012-05-07 15:02:36 adrien

嗨，@adrien，非常感謝回答我的職務。請原諒我的問題，我仍然在代碼的'url'元素中。我不確定要改變什麼。親切的問候 – IRHM

你不需要CSS中的'url'元素了。 – adrien

我真的很抱歉如此愚蠢，但我已經改變了這個背景：url（cross.png）no-repeat bottom; }'到這個背景：; }'。你能否告訴我我出錯的地方，因爲這個圖標沒有出現在屏幕上。再次道歉提問。親切的問候 – IRHM

如果你想這樣做jQuery的方式，這是你在找什麼：

$(function() { 
    $('.btn-delete').addClass('ui-icon-trash'); 
});

來源

2012-05-07 15:19:14

非常感謝您花時間幫助我解決這個問題。通過相當多的測試，我無法得到這個工作，以及其他建議的解決方案。我認爲這是更多的圖像軟件問題，而不是您的代碼。我已經糾正了這個問題並添加了一個.png文件。這很好。再次，非常感謝和親切的問候。 – IRHM

jQuery UI垃圾桶圖標

回答

相關問題