Question

i want to write script that changes picture depending on selected option

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

and when user clicks on for example red picture is reloaded if nessesary and changed
i looked in varus places but couldn’t find answer please help.

Answer 1

This is not Joomla specific, because this is just any javascript + HTML.
I implemented this with two click buttons– you can choose a different way of doing it, but it should give you an idea to start.

Basically, there are two buttons, Red and Blue, and if you click on them, they will swap out the image in the body of the HTML page. Very simple?

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