/* написал игрушку на JS. все работает. теперь то же самое нужно сделать с использованием JQuery Игруха простенькая. если кто- то может помочь буду очень благодарен. Спасибо!*/
Правила игры:
существует поле 10х10 повторяющихся картинок.
изначально картинки скрыты. при нажатии на кнопку показать картинки - все картинки открываются на 3 сек.
после этого снова становятся невидимыми.
рядом с полем 10х10 расположены цифры. от 1- 8
Суть игры: в тот момент как картинки открываются нужно запомнить количество картинок от каждого вида. после этого нужно нажать любую картинку на поле. картинка открывается. далее игрок должен нажать на цифру, которая по мнению игрока равна количеству картинок на поле. если игрок прав - все картинки данного типа открываются
elements = document.getElementsByTagName("img");
images= [ 'img/01.jpg','img/02.jpg','img/03.jpg','img/04.jpg','img/05.jpg','img/06.jpg','img/07.jpg','img/08.jpg',
'img/02.jpg','img/03.jpg','img/04.jpg','img/05.jpg','img/06.jpg','img/07.jpg','img/08.jpg','img/03.jpg',
'img/04.jpg','img/05.jpg','img/06.jpg','img/07.jpg','img/08.jpg','img/04.jpg','img/05.jpg','img/06.jpg',
'img/07.jpg','img/08.jpg','img/05.jpg','img/06.jpg','img/07.jpg','img/08.jpg','img/06.jpg','img/07.jpg',
'img/08.jpg','img/07.jpg','img/08.jpg','img/08.jpg']; //массив фотографий
temp=-1;
temp2=-1;
pohuy = 0;
//--------------------------------->
function showPic() {
for (var i = 0; i < images.length; i++) {
elements[i].src = images[i];
}
setTimeout(hidePic,2000);
}
function hidePic(){
for (var i = 0; i < elements.length; i++) {
elements[i].src = "";
}
}
//---------------------------------------------> показать все картинки
function showPic(index) {
if (temp2 != -1) {
return false;
}
if (temp == -1) {
elements[index].src = images[index];
temp = index;
pohuy = podschetElementov()
}
}
function podschetElementov() {
var infoOkartinke;
var schetchik = 0;
infoOkartinke = images[temp];
for (var i = 0; i < images.length; i++)
if(images[i]==infoOkartinke)
schetchik++
return schetchik;
}
function compare(num){
if(num == pohuy) {
for (var i = 0; i < images.length; i++) {
if(images[i] == images[temp]) {
elements[i].src = images[i];
}
}
temp = -1;
pohuy = 0;
}
else{
elements[temp].src = "";
temp = -1;
pohuy = 0;
}
}
function hidePic(){
elements[temp].src = "";
elements[temp2].src = "";
temp=-1;
temp2=-1;
}