|
1 var r = new Relations(); |
|
2 |
|
3 |
|
4 var taille = images.length; |
|
5 var numberCluster = Math.round(taille/81); |
|
6 var donnees1= [[],[],[],[]]; |
|
7 generationDonnees(); |
|
8 |
|
9 function generationDonnees(){ |
|
10 |
|
11 /* Generation du premier niveau */ |
|
12 for (var l=1;l<10;l++){ |
|
13 donnees1[0].push({ |
|
14 child:(l-1)*2 , |
|
15 indexx: (l-1)*162 +41, |
|
16 zoomlvl:0 |
|
17 }); |
|
18 } |
|
19 |
|
20 /* Generation du second niveau */ |
|
21 for (var i=1; i<numberCluster+1;i++){ |
|
22 donnees1[1].push({ |
|
23 child:(i-1)*9+4, |
|
24 indexx: (i-1)*81+41, |
|
25 zoomlvl:1 |
|
26 }); |
|
27 |
|
28 /* Generation du troisieme niveau */ |
|
29 for (var j=1; j<10;j++){ |
|
30 donnees1[2].push({ |
|
31 child:(i-1)*81+(j-1)*9+4, |
|
32 indexx: (i-1)*81+(j-1)*9+5, |
|
33 zoomlvl:2 |
|
34 }); |
|
35 |
|
36 /* Generation du dernier niveau */ |
|
37 for (var k=1; k<10;k++){ |
|
38 donnees1[3].push({ |
|
39 indexx: (i-1)*81+(j-1)*9+k, |
|
40 zoomlvl:3 |
|
41 }); |
|
42 } |
|
43 } |
|
44 } |
|
45 } |
|
46 |
|
47 |
|
48 var donnees1_json = JSON.stringify(donnees1); |
|
49 |
|
50 function calcNblvl(taille){ |
|
51 } |
|
52 var param = { |
|
53 hauteur : 200, |
|
54 largeur : 1400, |
|
55 template: { |
|
56 selector: "#template", |
|
57 directives: { |
|
58 "img@src": "urlImage", |
|
59 "img@style+": "cssDimensionImage", |
|
60 "img@title": "titreImage", |
|
61 "p.title": "titreImage", |
|
62 "p.title@style+": "cssDimensionTitre" |
|
63 }, |
|
64 relation: r |
|
65 } |
|
66 }; |
|
67 |
|
68 var mesData = eval('(' + donnees1_json + ')'); |
|
69 |
|
70 var tapestry = new Tapestry(mesData); |