javascript - 如何创建多个图像预览

Question

我希望有人能帮助我，因为我这几天一直在想该走哪条路，我想在我的网站上创建一个图像预览部分，用于 window 、门等，所以我是之后是一个有多个选项的部分(例如)Door1、Door2、Door3 & Side 1、Side 2、Side 3，下面有一个框显示图像，所以假设我点击 Door1(门 1 将显示)然后我单击第 3 面，第 3 面将显示在 door1 旁边，我希望这是有道理的？我真的很纠结于用哪种语言来解决这个问题，任何帮助、指导或者如果有人已经这样做了，都会有很大的帮助.....因为它已经在我脑海中浮现了一段时间。

更新 - 发现这个脚本有点像我想要的，但我似乎无法用图像替换文本，它说“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>

提前谢谢你。

Answer 1

如果您想要通过手动编辑 HTML 来手动编辑静态页面，那么您不需要 PHP。只需找到一些 Lightbox JavaScript 插件并查看其工作原理即可。有很多。

但是，如果您希望您的网页拥有可以登录和管理这些图像的后端，您应该使用一些 CMS。恕我直言，WordPress 将是最容易实现和最受欢迎的。