1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
<?php
/* parse ini -file */
$iniarray=parse_ini_file("config.ini");
$webbase=$iniarray["webbase"];
$dbprefix=$iniarray["dbprefix"];
$admin=$iniarray["admin"];
$title=$iniarray["title"];
/* end parse ini-file */
?>
<html>
<title><?php echo htmlspecialchars($title) ?></title>
<script src="d3.min.js"></script>
<link rel="stylesheet" type="text/css" href="normalize.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<div class="debug">test</div>
<h1><?php echo htmlspecialchars($title) ?></h1>
<button class="prev" disabled="disabled" onclick="left()"> prev </button>
<button class="next" onclick="right()">next </button>
<div class="pics"> </div>
<footer>
This gallery belongs to <?php echo htmlspecialchars($admin) ?>.
<div class="copyright"> code: copyright 2011 Arun Persaud arun@nubati.net, code available at nubati.net/git/f-spot-gallery</div>
</footer>
<script type="text/javascript" >
var pics = d3.select(".pics").append("ul");
var offset=0;
var N=30;
var count=0;
function myreload(a,b) {
d3.json("<?php echo $webbase?>/getjson.php?O="+a+"&N="+b, function(json) {
count=0;
pics.selectAll("li").remove();
pics.selectAll("li").data(json)
.enter().append("li")
.append("a")
.attr("href",function(d) {
s= d.base_uri+'/'+d.filename;
s = s.replace('file:\/\/<?php echo "".str_replace("/","\/",$dbprefix); ?>','<?php echo $webbase; ?>/Photos-small/');
return s;
})
.append("img")
.attr("src",function(d) {
count++;
s= d.base_uri+'/'+d.filename;
s = s.replace('file:\/\/<?php echo "".str_replace("/","\/",$dbprefix); ?>','<?php echo $webbase?>/Photos-tiny/');
return s;
});
checkbutton();
});
d3.select(".debug").text("O, N= "+a+" "+b+" "+count);
}
function left() {
if (offset>=N) offset=offset-N;
myreload(offset,N);
}
function right() {
offset=offset+N;
myreload(offset,N);
}
function checkbutton() {
if (offset==0)
{ d3.select("button.prev").attr("disabled","disabled");}
else
{ d3.select("button.prev").attr("disabled", null);};
if (count<N)
{ d3.select("button.next").attr("disabled","disabled");}
else
{ d3.select("button.next").attr("disabled",null);}
}
myreload(offset,N);
</script>
</body>
</html>
|
