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