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

これは単なるjavascript+HTMLであるため、これはJoomla固有ではありません。私はこれを2つのクリックボタンで実装しました。別の方法を選択できますが、開始するためのアイデアが得られるはずです。

基本的に、赤と青の2つのボタンがあり、それらをクリックすると、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 に答える