2010-04-14 45 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