Показать сообщение отдельно
  #7 (permalink)  
Старый 06.02.2016, 23:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

AlphaKeloid,
<!DOCTYPE HTML>

<html>

<head>
  <title>Unvalued</title>
  <meta charset="utf-8">
  <style type="text/css">
    .over_ch{
      display: none;
    }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
   <script>
  $(function() {
    $("select").change(function() {
        var i = $("select").index(this);
        var src = this.value;
        $(".images img").eq(i)[0].src = src;
        src = {
            light: "img/light.png",
            dark: "img/dark.png"
        }[$(this).find("option:selected").data("name")];
        src && ($(".images img").last()[0].src = src)
    });
    $(".over").click(function() {
        $(".over_ch").toggle()
    })
});
  </script>
</head>

<body>
<div class="">
	<div class="controller">

		<select>
			<option value="img/1/some0.png">0</option>
			<option value="img/1/some1.png">1</option>
			<option value="img/1/some2.png">2</option>
		</select>

	</div>
	<div class="controller">

		<select>
			<option data-name="light" value="img/2/some0.png">0</option>
			<option data-name="light" value="img/2/some1.png">1</option>
			<option data-name="dark" value="img/2/some2.png">2</option>
			<option data-name="dark" value="img/2/some3.png">3</option>
			<option data-name="light" value="img/2/some4.png">4</option>
			<option data-name="dark" value="img/2/some5.png">5</option>
			<option data-name="light" value="img/2/some6.png">6</option>
		</select>

	</div>
	<div class="controller">

		<select>
			<option value="img/3/some0.png">0</option>
			<option value="img/3/some1.png">1</option>
			<option value="img/3/some2.png">2</option>
			<option value="img/3/some3.png">3</option>
			<option value="img/3/some4.png">4</option>
			<option value="img/3/some5.png">5</option>
			<option value="img/3/some6.png">6</option>
			<option value="img/3/some7.png">7</option>
		</select>

	</div>
	<div class="images">
		<div class="null">
			<img name="pic1" src="img/1/some0.png" >
		</div>
		<div name="null">
			<img name="pci2" src="img/2/some0.png" >
		</div>
		<div class="null">
			<img name="pic3" src="img/3/some0.png" >
		</div>
		<div>
			<img class="over_ch" src="img/transparent.png" >
		</div>
	</div>
	<input type="button" class="over" value="Toggle"/>
</div>

</body>

</html>
Ответить с цитированием