jquery图片查看器的问题

使用的是这款 jQuery功能强大的图片查看器插件 ，
这个插件所需的组图片写死代码在页面上就没问题，像这样：

 <ui class="pic_bottom_middle_ui" id="pic_bottom_middle_ui">
                <li><img alt="图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片" title="点击看大图~" data-original="${pageContext.request.contextPath}/images/moguPic17.png" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic17.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic17.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic17.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic17.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
            </ui>

但是我动态拼接这个上面这段代码的字符串，用html方法追加到 #pic_bottom_middle_ui
这个ui里面图片查看器就没效果了。。。 求解啊~ 先谢谢了。