jQuery从列表中选择图像

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

我想让它看起来好看一点，但我甚至连基本的东西都不能用

  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);    
  })

---

有没有更好的方法来实现这一点，而不使用我无法使用的插件？

像这样的东西怎么样

只需从点击的图像中获取信息，并用它更新主图像的属性

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

---

比如在jsFiddle上发布一个实际的例子，而不仅仅是一些几乎不可能理解的tralala，怎么样？@adeneo Some lilu和lilali；事实上，我一开始喜欢哇，未知的HTML5标签，但后来我在网上找不到任何关于它的东西！？！你能澄清一下你想做什么吗？