如何创建多图像预览

我希望有人能帮助我，因为我几天来一直在想该走哪条路，我想在我的网站上创建一个图像预览部分，它适用于Windows、Doors等，所以我想要的是一个有多个选项的部分，例如Door1、Door2、Door3&第1面、第2面、第3面，下面有一个显示图像的框，比如说，我点击Door1（门1会显示），然后我点击第3面。第3面会显示在门1旁边，我希望这有道理？我真的很难用哪种语言来处理这件事，任何帮助、指导，或者如果有人已经这样做了，都会有很大的帮助。。。。。这件事我已经想了一段时间了。

更新-找到了这个脚本，它有点像我想要的，但我似乎无法用图像替换文本，它说"div内容已更改-有效"，我想显示一个图像。以下是我的发现，有人能帮助建议如何用图像替换文本吗。

<script type="text/javascript"><!--
function ReplaceContentInContainer(id,content) {
var container = document.getElementById(id);
container.innerHTML = content;
}
//--></script>
 <div 
 id="example1div" 
 style="border-style:solid; 
      padding:10px;
      width:400px; 
      text-align:center;">
TEXT TEST TEST TEXT.
</div>
<a href="javascript:ReplaceContentInContainer('example1div','DIV CONTENT CHANGED - WORKED')">
Click me to replace the content in the container.
</a>

提前谢谢。