Difference between revisions of "Template:Team:TU Eindhoven/Memory Script"
| Line 6: | Line 6: | ||
var inhoud = ['Cas, BSc','Cas, BSc','Elles','Elles','Esther','Esther','Femke','Femke','Hans','Hans','Jan-Willem','Jan-Willem','Kwankwan','Kwankwan','LauraJ','LauraJ','LauravS','LauravS','Sjoerd','Sjoerd','Yeshi','Yeshi']; | var inhoud = ['Cas, BSc','Cas, BSc','Elles','Elles','Esther','Esther','Femke','Femke','Hans','Hans','Jan-Willem','Jan-Willem','Kwankwan','Kwankwan','LauraJ','LauraJ','LauravS','LauravS','Sjoerd','Sjoerd','Yeshi','Yeshi']; | ||
var picture = ['5/55/TU_Eindhoven_Cas.png','5/55/TU_Eindhoven_Cas.png','5/57/TU_Eindhoven_Elles.png','5/57/TU_Eindhoven_Elles.png','0/01/TU_Eindhoven_Esther.png','0/01/TU_Eindhoven_Esther.png','5/5b/TU_Eindhoven_Femke.png','5/5b/TU_Eindhoven_Femke.png','c/cd/TU_Eindhoven_Hans.png','c/cd/TU_Eindhoven_Hans.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/dc/TU_Eindhoven_Kwankwan.png','d/dc/TU_Eindhoven_Kwankwan.png','1/10/TU_Eindhoven_LauraJ.png','1/10/TU_Eindhoven_LauraJ.png','d/d0/TU_Eindhoven_LauravS.png','d/d0/TU_Eindhoven_LauravS.png','b/bb/TU_Eindhoven_Sjoerd.png','b/bb/TU_Eindhoven_Sjoerd.png','2/2a/TU_Eindhoven_Yeshi.png','2/2a/TU_Eindhoven_Yeshi.png'] | var picture = ['5/55/TU_Eindhoven_Cas.png','5/55/TU_Eindhoven_Cas.png','5/57/TU_Eindhoven_Elles.png','5/57/TU_Eindhoven_Elles.png','0/01/TU_Eindhoven_Esther.png','0/01/TU_Eindhoven_Esther.png','5/5b/TU_Eindhoven_Femke.png','5/5b/TU_Eindhoven_Femke.png','c/cd/TU_Eindhoven_Hans.png','c/cd/TU_Eindhoven_Hans.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/dc/TU_Eindhoven_Kwankwan.png','d/dc/TU_Eindhoven_Kwankwan.png','1/10/TU_Eindhoven_LauraJ.png','1/10/TU_Eindhoven_LauraJ.png','d/d0/TU_Eindhoven_LauravS.png','d/d0/TU_Eindhoven_LauravS.png','b/bb/TU_Eindhoven_Sjoerd.png','b/bb/TU_Eindhoven_Sjoerd.png','2/2a/TU_Eindhoven_Yeshi.png','2/2a/TU_Eindhoven_Yeshi.png'] | ||
| − | var inhoudverhaal = ['VERHAAL CAS','Elles','Esther','Femke','Hans','Jan-Willem','Kwankwan','LauraJ','LauravS','Sjoerd','Yeshi']; | + | var inhoudverhaal = ['VERHAAL CAS, BSc','Elles','Esther','Femke','Hans','Jan-Willem','Kwankwan','LauraJ','LauravS','Sjoerd','Yeshi']; |
for (i = 1; i <= (inhoud.length/2); i++){ | for (i = 1; i <= (inhoud.length/2); i++){ | ||
$('<div class="inhoud" id="inhoud' + inhoud[(i-1)*2].toString() + '">' + inhoudverhaal[i-1].toString() + '</div>').appendTo($("#inhoud")).css({'background-size':'100% 100%','background-image':'url(https://static.igem.org/mediawiki/2015/' + picture[(i-1)*2].toString()+')','z-index':'-1'}); | $('<div class="inhoud" id="inhoud' + inhoud[(i-1)*2].toString() + '">' + inhoudverhaal[i-1].toString() + '</div>').appendTo($("#inhoud")).css({'background-size':'100% 100%','background-image':'url(https://static.igem.org/mediawiki/2015/' + picture[(i-1)*2].toString()+')','z-index':'-1'}); | ||
Revision as of 15:42, 4 August 2015
$(document).ready(function(){ total = 22; var inhoud = ['Cas, BSc','Cas, BSc','Elles','Elles','Esther','Esther','Femke','Femke','Hans','Hans','Jan-Willem','Jan-Willem','Kwankwan','Kwankwan','LauraJ','LauraJ','LauravS','LauravS','Sjoerd','Sjoerd','Yeshi','Yeshi']; var picture = ['5/55/TU_Eindhoven_Cas.png','5/55/TU_Eindhoven_Cas.png','5/57/TU_Eindhoven_Elles.png','5/57/TU_Eindhoven_Elles.png','0/01/TU_Eindhoven_Esther.png','0/01/TU_Eindhoven_Esther.png','5/5b/TU_Eindhoven_Femke.png','5/5b/TU_Eindhoven_Femke.png','c/cd/TU_Eindhoven_Hans.png','c/cd/TU_Eindhoven_Hans.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/d1/TU_Eindhoven_Jan-Willem.png','d/dc/TU_Eindhoven_Kwankwan.png','d/dc/TU_Eindhoven_Kwankwan.png','1/10/TU_Eindhoven_LauraJ.png','1/10/TU_Eindhoven_LauraJ.png','d/d0/TU_Eindhoven_LauravS.png','d/d0/TU_Eindhoven_LauravS.png','b/bb/TU_Eindhoven_Sjoerd.png','b/bb/TU_Eindhoven_Sjoerd.png','2/2a/TU_Eindhoven_Yeshi.png','2/2a/TU_Eindhoven_Yeshi.png'] var inhoudverhaal = ['VERHAAL CAS, BSc','Elles','Esther','Femke','Hans','Jan-Willem','Kwankwan','LauraJ','LauravS','Sjoerd','Yeshi']; for (i = 1; i <= (inhoud.length/2); i++){ $('
' + inhoudverhaal[i-1].toString() + '
').appendTo($("#inhoud")).css({'background-size':'100% 100%','background-image':'url(https://static.igem.org/mediawiki/2015/' + picture[(i-1)*2].toString()+')','z-index':'-1'});
};
$('Find the matching cards.
').appendTo($("#inhoud")).css({'background-size':'100% 100%','background-color':'black','z-index':'1'});
$('Hover over someones picture to find out more about him/her.
').appendTo($("#inhoud")).css({'background-size':'100% 100%','background-color':'black','z-index':'0'});
var idnr = 1;
var gekozen = [];
var cardstat = [];
var b = 0;
var wait = 0;
list1=inhoud;
list2=picture;
for (var i = list1.length - 1; i > 0; i--){
var j = Math.floor(Math.random()*(i+1));
var temp1 = list1[i];
list1[i] = list1[j];
list1[j] = temp1;
var temp2 = list2[i];
list2[i] = list2[j];
list2[j] = temp2;
}
rand = list1;
randpic=list2;
for (i = 1; i <= 4; i++){
$('').appendTo($("#memoryWrapper"));
if (i == 1 || i == 4){
for (ii = 1; ii <= 9; ii++){
$('