-
Notifications
You must be signed in to change notification settings - Fork 0
/
book.php
117 lines (112 loc) · 2.82 KB
/
book.php
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<?php
include "db.php";
$id = $_GET["id"];
?>
<html>
<header>
<meta name="theme-color" content="#000000" />
</header>
<style>
.content{
vertical-align:bottom;
text-align:center;
color:#ffffff;
font:14px Verdana;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
</style>
<script>
function Event(imageIndex, text){
this.image = images[imageIndex];
this.text = text;
return this;
}
var numImages = 0;
var numFrames = 0;
var images = new Array();
var events = new Array();
var currentEvent = 0;
function frame(imageIndex, text){
events[numFrames] = new Event(imageIndex, text);
numFrames++;
}
function preload(indexImage, imageSource) {
images[indexImage] = new Image();
images[indexImage].src = imageSource;
}
<?php
$rset = mysqli_query($dblink, "select _id from gal_image where _bookid=$id");
while(($row = mysqli_fetch_array($rset))>0){
echo "preload(\"{$row["_id"]}\",\"image.php?id={$row["_id"]}\");\n";
}
mysqli_free_result($rset);
?>
<?php
$rset = mysqli_query($dblink, "select _imageid, _text from gal_event where _bookid=$id");
while(($row = mysqli_fetch_array($rset))>0){
echo "frame(\"{$row["_imageid"]}\",\"{$row["_text"]}\");\n";
}
mysqli_free_result($rset);
?>
function setFrame(){
var f;
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
var iFrame = document.getElementById('tLayout');
var iText = document.getElementById('tText');
iFrame.style.backgroundImage = "url('"+events[currentEvent].image.src+"')";
iText.innerHTML = events[currentEvent].text;
dx = w;
dy = (w*360)/640;
f = (w*14)/640;
if (dy>h){
dx = (h*640)/360;
dy = h;
f = (h*14)/360
}
iFrame.style.width = dx;
iFrame.style.height = dy;
iFrame.style.position = 'absolute';
iFrame.style.top = 0;
iFrame.style.left = (w-dx)/2;
iText.style.fontSize=f;
}
function move(step){
var futureFrame = currentEvent + step;
if (futureFrame<0 || futureFrame>=events.length){
return;
}
currentEvent = futureFrame;
setFrame();
}
</script>
<body style="background:#000000;margin:0px" onresize="setFrame()">
<table id="tLayout" style="width:640;height:360;background-size: 100%;">
<tr>
<td onclick="move(-1)" style="cursor:pointer"><</td>
<td class="content"><div id="tText"> </div></td>
<td onclick="move(1)" style="cursor:pointer">></td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script>
setFrame();
</script>
</body>
</html>