使用jquery动态显示图像

问题描述：

我目前使用jQuery和jstree插件来显示图像。我正在构建基于具有节点的xml文件的树。另外，我正在使用一些第三方工具创建图像。图像名称是-model.png。当选取节点时，根据树上的node_id，我在div上显示图像。使用jquery动态显示图像

它的工作原理，但问题不是所有的节点都有相同数量的图像。例如，node_a将有10个图像，node_b将有2个图像等。而不是手动创建div并基于图像，隐藏或显示;我想动态显示图像。如果在树上单击了node_A，我应该能够使用jquery在右侧以2列格式查看所有图像。

我当前的代码是这样的：

<div id="column_2"> 
     <div id="2_div1" ></div> 
     <div id="2_div2" "></div> 
     <div id="2_div3" ></div> 
    </div>

左边是我的div打造jstree

$("#left").jstree("toggle_node", data.rslt.obj); 

var node_id = data.rslt.obj.attr("id");

NODE_ID是唯一的ID的所有图片都有。基于汽车制造。例如，这将是GM-制作，福特制造，丰田让等

if (node_id.indexOf("Make")>=0) 
    { 
     var Img_year_2012 = "node_id+"-year_2012.png"; 
     $(function() { 
     $('#1_div1').html("").css({"border": "", "margin": "0"}); 
     var myImage1 = new Image(); 
     $(myImage1).load(function() 
     { 

     $("#1_div1").html(myImage1).css({"border":"2px solid #E0E0E0", "margin": "20px 20px 20px 0"}); 
     $('#1_div1 img').css({ "width": "600px", "height" : "650px" }); 


     })   
     .attr('src', Img_year_2012).error(function(){ 
      $('#1_div1').html("").css({"border": "", "margin": "0"}); 
      }) 

     });

，而不是做它像这样，我怎么能只显示每个图像属于一个节点ID？

答

也许我误解了这个问题，但是您是否尝试过使用for循环迭代每个节点？有些是这样的：http://www.w3schools.com/dom/dom_nodes_traverse.asp

使用jquery动态显示图像

相关推荐