jquery 动态添加 图片

有时候静态页面上要显示很多很多的图片，

那页面在结构上就显示的内容太多了，

这时候可以动态的添加图片到页面上。

下面定义一个函数 ：

    function eachPic(ele,num){ //参数一是指要把图片插入到的容器，参数二是指所要插入图片的个数
        var shtml = "";
        for (var i = 1; i < num + 1; i++){
            if( i % 2 == 1){
                shtml += '<li class="item_1"><img src="images/'+i+'.jpg" alt=""></li>';
            }else{
                shtml += '<li class="item_2"><img src="images/'+i+'.jpg" alt=""></li>';
            }
        };
        $(ele).html(shtml);
    }
    eachPic(".media_pic_box ul",57);