Question

我想制作一个单击图像时打开的图像列表，然后当您单击列表中的图像时，它会将单击的图像更改为新图像。

我希望它看起来有点不错，但我甚至无法获得基本的工作：P

  var icons = '<th><span><img src="http://cdn.tribalwars.nl/8.18/19348/graphic/unit/unit_axe.png?51d94" id="lalala"/>Lala</span></th>'
 $(".group_label:contains('Groepen')").after(icons);
 $("#lalala").click(function(){

var mylistofimages = '<div style= "inline-block; "><lu style="display:block;"> <li><img src="http://cdn.tribalwars.nl/8.18/19348/graphic/unit/unit_axe.png?51d94"/></li><li><img src="http://cdn.tribalwars.nl/8.18/19348/graphic/unit/unit_axe.png?51d94"/></li></lu></div> '

$(".group_label:contains('Groepen')").after(mylistofimages);


  })

有没有更好的方法来实现这一点而不使用插件（我不能这样做）？

Answer 1

这样的事情怎么样？ http://jsfiddle.net/RFdNL/

只需抓住点击图片中的信息，然后用它更新主图片的属性。

$('#thumbs img').on('click', function () {
   $('#main').attr('src', $(this).attr('src')); 
});

Jquery从列表中选择图像

1 个答案: