如何创建多个图像预览

Question

我希望有人能帮助我，因为我一直想知道采取哪条路线现在几天，我想创建一个图像预览部分到我的网站，这是窗口，门等，所以我所追求的是有多个选项的部分，其中说(例如) door1，Door2，Door3 & Side 1，side 2，Side 3，下面有一个框来显示图像，所以让我们比方说我点击Door1 (门1将显示)，然后我点击Side 3，Side 3将显示在door1旁边，我希望这是有意义的？我真的在努力用哪种语言来处理这个问题，任何帮助，指导，或者如果有人已经这样做了，将是伟大的help.....as它已经在我的脑海中有一段时间了。

更新-找到这个脚本，它有点像我想要的，但我似乎不能用图像替换文本，它说"div content changed -worked“我想显示一张图像。这是我发现的，有人能帮我建议如何用图像替换文本吗？

<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>

提前谢谢你。

Answer 1

如果你想通过手工编辑HTML来编辑静态页面，那么你不需要PHP。只要找到一些Lightbox JavaScript插件，看看它是如何工作的。他们有很多人。

但是，如果你想你的网页有后端，你可以登录和管理这些图像，你应该去一些CMS。WordPress是最容易实现的，也是最流行的。