jquery-图像管理

您只需向每个映像添加一个单击事件,并使用一些jquery从列表中删除该映像。不需要编写单独的插件。下面的语法可能是错误的。我把这个写在手机上,所以没办法检查。但你得到了照片(sic)。

<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>