1

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

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

并且当用户单击例如红色图片时，如果需要并更改，则会重新加载我查看内翻位置但找不到答案，请帮助。

4

1 回答 1

0

这不是 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>
于 2012-09-10T21:24:23.030 回答