Question

我想编写根据所选选项更改图片的脚本

<img id="image-manekin" src="path_img" />

<select id="form" class="required" name="form">
<option value="red">red</option>
<option value="green">green</option>
</select>

当用户点击时，例如红色图片会被重新加载，如果有必要并且已经更改我看着内翻的地方，但找不到答案请帮忙。

Answer 1

这不是Joomla特有的，因为这只是任何javascript + HTML。我用两个点击按钮实现了这个 - 你可以选择不同的方式来做，但它应该给你一个开始的想法。

基本上，有两个按钮，红色和蓝色，如果你点击它们，它们将交换HTML页面正文中的图像。很简单？

<script type="text/javascript">
  function swapImage(intImage) {
    switch (intImage) {
      case 1:
          img1.src = "http://www.addglitter.com/gr/backgrounds/red/red-0007.jpg"
          return(false);
      case 2:
          img1.src = "http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Color_icon_blue.svg/220px-Color_icon_blue.svg.png"
          return(false);
    }
  }
</script>

<img id="img1" name="img1" src="http://www.microsoft.com/library/toolbar/images/mslogo.gif">

<button type="button" onclick="swapImage(1)">Red Image</button>
<button type="button" onclick="swapImage(2)">Blue Image</button>

joomla添加更改图片的JavaScript

1 个答案: