Форум

DynkanMaclaud · #1 (**permalink**) 19.08.2014, 15:22

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

<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 · #2 (**permalink**) 19.08.2014, 15:42

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

Viral · #3 (**permalink**) 19.08.2014, 15:43

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

hfts_rider · #4 (**permalink**) 20.08.2014, 10:40

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

BETEPAH · #5 (**permalink**) 20.08.2014, 17: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>

Форум

Справочник

Discord чат

Курсы javascript