2010-04-14 60 views
1

是否有一個jQuery插件/ JavaScript控件,允許我顯示圖像數組,但是(至少)可以選擇刪除特定用戶操作中的圖像。jQuery - 圖像管理

類似這樣的:http://www.gmarwaha.com/jquery/jcarousellite/index.php,但在每個圖像上都有專門的刪除按鈕。

我能想到的第一個額外選項是重新排列圖像的順序。

如果不是...我想我會開始延伸jcarousellite自己提到....

+0

有一些asp.net文件管理器 - 但如果你搜索與菜單的傳送帶,可能你需要添加自己的菜單。 – Aristos 2010-04-14 17:08:55

回答

2

你可以只添加一個click事件每個圖像和一些jQuery來從列表中刪除圖像。沒有必要寫一個單獨的插件。下面的語法可能是錯誤的。我在我的手機上寫這個,所以沒辦法檢查。但你得到的圖片(原文如此)。

<script type="text/javascript"> 
    $(function() { 
     $("div.jCarouselLite > img").click(function(){ 
      $(this).hide(); 
     }); 
    }); 
</script> 

     <div class="jCarouselLite"> 
      <ul> 
       <li><img src="image/1.jpg" alt="" width="150" height="118"></li> 

       <li><img src="image/2.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/3.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/4.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/5.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/6.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/7.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/8.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/9.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/10.jpg" alt="" width="150" height="118"></li> 

       <li><img src="image/11.jpg" alt="" width="150" height="118"></li> 
      </ul> 
     </div> 
+0

我假設你只是希望用戶能夠暫時從頁面中刪除圖像。或者,您是否希望在每次頁面呈現後刪除將其從頁面中刪除?這也需要一些服務器端代碼。 – 2010-04-14 17:11:51

+0

感謝jQuery代碼 - 我仍然在學習它,所以很高興看到如何使用用戶選擇器。至於服務器端刪除 - 這不會是一個問題,我精通ASP.NET。 我會稍等一下,看看是否有人鏈接到已具備此功能的其他插件......如果不是,我可能會使用您給我的代碼(+爲刪除和服務器端調用添加警報)。 再次感謝。 – kape123 2010-04-14 18:10:05

+0

如果確實需要將回調調回服務器,請使用jQuery AJAX功能。 – 2010-04-14 21:42:26