Concentration-Using Different Images

Memory game where you try to remember where the matching tiles are.

Over 2000+ free Javascript

at JavaScriptBank.com Website

Sampled by JavaScriptBank.com For those of you who want to know the image matching "scheme", see the illustration below. The numbers are the suffix for the image filenames, the upper number is the match for the bottom number:

1	2	3	4	5	6	7	8
100	99	98	97	96	95	94	93

Instructions:

1: Copy and paste the following script in the HEAD section of your page:
Select all...

/*
ORIGINAL SCRIPT CREATED Brian Gosselin OF http://scriptasylum.com
EDITED BY Michael Rottmeier OF http://michael-rottmeier.bei.t-online.de
THIS VERSION ADDS THE ABILTY TO MATCH DIFFERENT BUT RELATED IMAGES
INSTEAD OF THE SAME IMAGE.
*/

var pics=new Array();
for(i=1;i<=8;i++){
pics[i]=new Image();
pics[i].src='K_image'+i+'.gif';
}
for(i=93;i<=100;i++){
pics[i]=new Image();
pics[i].src='K_image'+i+'.gif';
}

var map=new Array(1,100,2,99,3,98,4,97,5,96,6,95,7,94,8,93)
var user=new Array();
var temparray=new Array();
var clickarray=new Array(0,0);
var ticker, sec, min, ctr, id=0, oktoclick, finished;

function init(){
clearTimeout(id);
for(i=0;i<=15;i++)user[i]=0;
ticker=0; min=0; sec=0; ctr=0; finished=0;
oktoclick=true;
document.forms["f"].b.value=" Neustart ";
scramble();
id=setInterval('runclk()', 995);
for(i=0;i<=15;i++){
document.images[('img'+i)].src="K_image0.gif";
document.images[('img'+i)].alt="";
}}

function runclk(){
min=Math.floor(ticker/60);
sec=(ticker-(min*60))+'';
if(sec.length==1){sec="0"+sec};
ticker++;
document.forms["f"].b.value="    "+min+":"+sec+"    ";
}

//window.onload=init;

</script>

2: Copy and paste the following Javascript & HTML in the BODY section of your page:
Select all...