Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Оператор if/else (https://javascript.ru/forum/events/49575-operator-if-else.html)

DynkanMaclaud 19.08.2014 14:22

Оператор if/else
 
В общем есть картинка и две кнопки, хотелось бы чтобы кликнули по кнопке появилась другая картинка, затем кникнули по ней еще раз появилась другая..

<script>
   function changeScene(option){
     
	if (option==1){
	
	curScene=2;
	message="Сцена 2";
	}
	
	else {
	
	curScene=3;
	message="Сцена 3";
	
	}
	
	
	
	
	
	
 document.getElementById('imageScene').src='images'+'/'+"scene"+curScene+'.jpg';

 
 
 
   }


</script>

	</head>
	<body>
	
	
	<img id="imageScene" src="images/scene1.jpg" alt="Сцена 1"/>
	Выберите
	<input type="button" value="1" onclick="changeScene(1)"/>
	<input type="button" value="2" onclick="changeScene(2)"/>
	
	
	
	
	</body>


Не могу сообразить как сделать переход со второй картинки к третьей(((

WorM32 19.08.2014 14:42

Что конкретно не так? Проблем с кодом не вижу.

Viral 19.08.2014 14:43

DynkanMaclaud, смотри личку.

hfts_rider 20.08.2014 09:40

if (option == 1) ..
esle if(option == 2) ..
esle if (option == 3) ..

BETEPAH 20.08.2014 16:28

<input type="button" id="button" value="button" />
<div id="res">images/scene1.jpg</div>
<script>
document.getElementById('button').onclick = (function() {
    var count = 1;
    return function() {
        count++; 
        if (count === 4) { // если нужно зациклить три картинки
            count = 1;
        }
//        document.getElementById('imageScene').src = 'images' + '/' + "scene" + count + '.jpg';
        document.getElementById('res').innerHTML = 'images' + '/' + "scene" + count + '.jpg';
        
    };
})();
</script>


Часовой пояс GMT +3, время: 16:40.