javascript - joomla添加改变图片的javascript

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>