Question

我按类别下拉。我在Cat1中有20张图像，在Cat2中有30张图像等等。此图像来自JSON Web服务。我有Parsed api，结果内容我已添加到数组。因此，当从DropDown中选择Cat1时，图像将正确加载，但是当选择cat2时，它们不会显示。

我所做的是当选择了类别时iam将图像数组发送到此函数，我通过循环它们然后添加到mcts1 div元素来构建带有图像的html字符串，

function createIcons(imagesArray) {
    console.log(imagesArray);
    var iconsDict = imagesArray;
    var output = '';
    var foo = (iconsDict);
    for (var i = 0; i < iconsDict.length; i++) {
        output += '<img class="icons" id=' + i + ' src=' + foo[i] + ' width="100px" height="100px"/>';
    }
    $("#mcts1").html(output); 

}

这是我的HTML，

<div class="div2">
      <div id="mcts1">

      </div>
    </div>

使用menucool滑块here is the link

Answer 1

您动态修改jQuery Slider，请按照以下步骤操作

HTML

<div id="mcts1"></div>

脚本

   <script type=”text/javascript”>
 function addSlides(str)
{ var sliderElm = document.getElementById(“mcts1”); 
sliderElm.innerHTML = str; 
} 
</script>

从你的函数调用中获取输出后

 addSlides(output);

Answer 2

试试这个..它为我工作

var html = "";
for(var i = 0; i <= images_array.length - 1; i++)
{
    html += "<img src='"+images_array[i]+"' class='sliderImage' id='image_"+i+"' />";
}
$("#slider").append(html);

动态添加图像到滑块jQuery

2 个答案: