如何创建多个图像预览

时间:2015-02-13 10:00:50

标签: javascript php jquery html css

我希望有人可以帮助我,因为我想知道现在要走哪条路线,我想为我的网站创建一个图像预览部分,这是用于Windows,门等,所以我是什么after是一个有多个选项的部分(例如)Door1,Door2,Door3&侧面1,侧面2,侧面3,下面有一个显示图像的框,所以让我说例如我点击Door1(门1将显示)然后我点击侧面3,侧面3将显示在door1旁边,我希望这说得通 ?我真的很想用哪种语言来处理这个问题,任何帮助,指导,或者如果有人已经这样做了,那将会有很大的帮助......因为它已经在我脑海中浮现了一段时间。

更新 - 发现这个脚本有点做我想要的,但我似乎无法用图像替换文本,其中它表示" div内容已更改-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>

提前谢谢。

1 个答案:

答案 0 :(得分:1)

如果您想要手动编辑静态页面,可以通过手动编辑HTML而不是PHP。只需找到一些Lightbox JavaScript插件,看看它是如何工作的。其中有很多。

但是,如果您希望您的网页具有可以登录和管理这些图像的后端,那么您应该使用某些CMS。 WordPress最容易实现,也是最流行的,恕我直言。