图片轮播初始展现出第二张图片？

图片轮播初始展现出第二张图片？向左或向右划还是第二张，然后才是正常的。

图片轮播的代码我是动态生成的，总共两张图片，
代码如下：
for (var i = 0; i < len; i++) {
if (i == 0) {
// 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播)
html += "<div class=\"mui-slider-item mui-slider-item-duplicate\">";
html += "<a id=\"" + resultlist[len-1].docid + "\" class=\"sliderDoc\">";
html += "<img src=\"" + resultlist[len-1].docpuburl + resultlist[len-1].appfile + "\">";
html += "</a>";
html += "</div>";
}
html += "<div class=\"mui-slider-item\">";
html += "<a id=\"" + resultlist[i].docid + "\" class=\"sliderDoc\">";
html += "<img src=\"" + resultlist[i].docpuburl + resultlist[i].appfile + "\">";
html += "</a>";
html += "</div>";
if (i == (len - 1)) {
// 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播)
html += "<div class=\"mui-slider-item mui-slider-item-duplicate\">";
html += "<a id=\"" + resultlist[0].docid + "\" class=\"sliderDoc\">";
html += "<img src=\"" + resultlist[0].docpuburl + resultlist[0].appfile + "\">";
html += "</a>";
html += "</div>";
}
}
for(var i = 0; i < len; i++){
if (i == 0) {
dropHtml += '<div class="mui-indicator mui-active"></div>';
}else{
dropHtml += '<div class="mui-indicator "></div>';
}
}
document.getElementById("topSlider").innerHTML = html;
document.getElementById("topDorp").innerHTML = dropHtml;