Помогите разобраться с картинками
Добрый день, уважаемые форумчане. Сделала код и надо еще чтоб, была не одна картинка, а чтоб она менялась при смене вопроса в тесте. Я создала массив, но не могу понять, как их поменять.
var countQuest = 0;
var plus = 0;
var test_start = 0;
function check(num){
if(num == 4){
document.getElementById('area').style.display='block';
document.getElementById('start').style.display='none';
document.getElementById('end').style.display='none';
if(test_start == 0){
var newIm = new Array();
newIm1 = new Image();
newIm1.src = "111.jpg";
newIm2 = new Image();
newIm2.src = "112.jpg";
newIm3 = new Image();
newIm3.src = "113.jpg";
newIm4 = new Image();
newIm4.src = "114.jpg";
newIm5 = new Image();
newIm5.src = "115.jpg";
//Массив вопросов
var questions = ["1. На одной из последних работ Эдуарда Мане была изображена строящеяся Эйфелева башня",
"2. Детство Поля Гогена прошло в Перу","Дерево","3. Хаим Сутин, Юдаль Пэн, Марк Шагал, Леон Бакст, Валентин Волков, Язэп Дроздович - все эти художники родились на территории современной Беларуси",
"4. На одной из самых больших картин мира \"Явление Христа народу\", Александр Иванов одного из персонажей написал с Гоголя", "5. Дега любил писать балерин, Моне пруды и кувшинки, а кого называли \"художником воды\""];
//Массивы вариантов ответов
var number1 = ["Нет, такой картины у него нет", "Нет,он родился и детство провел в Париже. В экзотических странах он жил уже только в зрелом возрасте","Да, все эти выдающиеся художники родились на территории Беларуси", "Да, он очень дружил с Гоголем и попросил его позировать для картины", "Альфред Сислей"];
var number2 = ["Да, но это была одна из его ранних картин","Да, и это возможно и повлияло на его творческого мирооощущение","Нет, Валентин Волков и Леон Бакст родились за пределами современной Беларуси", "Нет, так как этот персонаж есть на его набросках еще до того, как он познакомился с писателем", "Камиль Писсарро"];
var number3 = ["Да, конечно, Мане писал башню, как Моне вокзал Сен-Лазар","Нет, его детство прошло в Чили","Нет, Валентин Волков и Юдаль Пэн родились за пределами современной Беларуси", "На картине нет персонажа похожего на Гоголя, да и Иванов не был с ним даже знаком", "Фредерик Базиль"];
document.getElementById('question').innerHTML=questions[countQuest];
document.getElementById('option1').innerHTML=number1[countQuest];
document.getElementById('option2').innerHTML=number2[countQuest];
document.getElementById('option3').innerHTML=number3[countQuest];
//Массив правильных ответов
var answer = [0,1,2,1,0];
test_start = 1;
}
}
else{
//Массив вопросов
var questions = ["1. На одной из последних работ Эдуарда Мане была изображена строящеяся Эйфелева башня",
"2. Детство Поля Гогена прошло в Перу","3. Хаим Сутин, Юдаль Пэн, Марк Шагал, Леон Бакст, Валентин Волков, Язэп Дроздович - все эти художники родились на территории современной Беларуси",
"4. На одной из самых больших картин мира \"Явление Христа народу\", Александр Иванов одного из персонажей написал с Гоголя","5. Дега любил писать балерин, Моне пруды и кувшинки, а кого называли \"художником воды\""];
//Массивы вариантов ответов
var number1 = ["Нет, такой картины у него нет","Нет,он родился и детство провел в Париже. В экзотических странах он жил уже только в зрелом возрасте","Да, все эти выдающиеся художники родились на территории Беларуси", "Да, он очень дружил с Гоголем и попросил его позировать для картины", "Альфред Сислей"];
var number2 = ["Да, но это была одна из его ранних картин","Да, и это возможно и повлияло на его творческого мирооощущение","Нет, Валентин Волков и Леон Бакст родились за пределами современной Беларуси", "Нет, так как этот персонаж есть на его набросках еще до того, как он познакомился с писателем", "Камиль Писсарро"];
var number3 = ["Да, конечно, Мане писал башню, как Моне вокзал Сен-Лазар","Нет, его детство прошло в Чили","Нет, Валентин Волков и Юдаль Пэн родились за пределами современной Беларуси", "На картине нет персонажа похожего на Гоголя, да и Иванов не был с ним даже знаком", "Фредерик Базиль"];
//Массив правильных ответов
var answer = [0,1,2,1,0];
if(num == answer[countQuest]) plus++;
if(questions.length - 1> countQuest){
countQuest++;
document.getElementById('question').innerHTML=questions[countQuest];
document.getElementById('option1').innerHTML=number1[countQuest];
document.getElementById('option2').innerHTML=number2[countQuest];
document.getElementById('option3').innerHTML=number3[countQuest];
}
else{
document.getElementById('area').style.display='none';
document.getElementById('end').style.display='block';
alert('У Вас ' + plus + ' из 5 правильных ответа!');
}
}
}
<div style="margin-top: 10px;"> <div id="area" class="wrapper1"> <center> <img src="111.jpg" id="111"> <p id="question"></p> <button onclick="check(0)" class="myButton" id="option1"></button> </br> <button onclick="check(1)" class="myButton" id="option2"></button> </br> <button onclick="check(2)" class="myButton" id="option3"></button> </br> </center> </div> </div> <br><center> <button id="start" class="myBut" onclick="check(4)">Пройти тест</br>"Художники и окружение"</button> <script type="text/javascript"> var curent_url = document.URL; document.write("<a id='end' style='display: none;' class='myButton12' href='" + curent_url + "'>Начать сначала</a>"); </script> </center> |
Цитата:
|
Вот: 17
var newIm = new Array(); 18 newIm1 = new Image(); 19 newIm1.src = "111.jpg"; 20 newIm2 = new Image(); 21 newIm2.src = "112.jpg"; 22 newIm3 = new Image(); 23 newIm3.src = "113.jpg"; 24 newIm4 = new Image(); 25 newIm4.src = "114.jpg"; 26 newIm5 = new Image(); 27 newIm5.src = "115.jpg"; |
Цитата:
Вот массив var newIm = new Array(); newIm[0] = new Image(); newIm[0].src = "111.jpg"; newIm[1] = new Image(); newIm[1].src = "112.jpg"; //... newIm[4] = new Image(); newIm[4].src = "115.jpg"; |
Да и работать с элементами удобнее вот так
var newIm = [
{src: '111.jpg'},
{src: '112.jpg'},
{src: '113.jpg'},
{src: '114.jpg'},
{src: '115.jpg'}
];
for (var i=0; i<newIm.length; i++) {
newIm[i].img = new Image();
newIm[i].img.src = newIm[i].src;
};
|
| Часовой пояс GMT +3, время: 02:40. |