-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtopic-253.html
198 lines (180 loc) · 11.4 KB
/
topic-253.html
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
<head>
<title>日本PHPユーザ会 掲示板: PHP事はじめ » 指定フォルダ内の .jpg 画像をぱらぱら漫画に</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="日本PHPユーザ会運営の掲示板です。※ただいまテスト運用中です。" />
<meta name="keywords" content="php,web,php.gr.jp,community,usebb" />
<link rel="stylesheet" type="text/css" href="./templates/phpgrjp0.3/styles.css" />
<link rel="shortcut icon" href="./templates/phpgrjp0.3/gfx/usebb.ico" />
<link rel="alternate" type="application/rss+xml" title="日本PHPユーザ会 掲示板 RSS フィード" href="rss.xml" />
<script type="text/javascript" src="sources/javascript.js"></script>
</head>
<body onload="javascript:init_external()">
<div id="pagebox-bg">
<div id="shadow-left">
<div id="shadow-right">
<p id="logo"><a href="index.html"><img src="./templates/phpgrjp0.3/gfx/usebb.png" alt="UseBB" title="ホーム" /></a></p>
<h1 id="boardname"><span id="line">日本PHPユーザ会 掲示板</span></h1>
<h2 id="boarddescr">日本PHPユーザ会運営の掲示板です。※ただいまテスト運用中です。</h2>
<div id="topmenu"><ul>
<li><a href="index.html">ホーム</a></li><li><a href="faq.html">FAQ</a></li><li><a href="active.html">活発なトピック</a></li>
</ul></div>
<div id="topmenu-shadow"></div>
<p class="locationbar">
• <a href="index.html">日本PHPユーザ会 掲示板</a> » <a href="forum-2.html">PHP事はじめ</a> » 指定フォルダ内の .jpg 画像をぱらぱら漫画に
</p>
<h3 id="forumname"><a href="topic-253.html">指定フォルダ内の .jpg 画像をぱらぱら漫画に</a></h3>
<p id="forummods"></p>
<p id="toolbartop"> </p>
<p id="pagelinkstop">ページ: 1</p>
<table class="maintable">
<tr>
<th>投稿者</th>
<th>投稿</th>
</tr>
<tr class="tr1">
<td class="postername">
<div class="posternamecontainer"><a href="profile-370.html">mild7</a></div>
</td>
<td class="postinfo">
<div class="postlinks"></div>
<div class="postdate"><a href="topic-post725.html#post725" name="post725" rel="nofollow">#1</a> 2011 年 1 月 2 日(日) 10:41</div>
</td>
</tr>
<tr class="tr1">
<td class="posterinfo">
会員
<div class="avatar"></div>
<div class="field">登録者: 1 2011</div>
<div class="field">返信数: 5</div>
<div class="field"></div>
</td>
<td class="postcontent">
<div class="post">初めまして<br />自宅の監視カメラの動態検知画像をレンタルサーバーの /public_html/photo というフォルダにFTPさせて蓄積しております。<br />この画像をぱらぱら漫画のように表示させたいのですがスクリプトが書けません。<br />どなたかご指導よろしくおねがいします。<br />（ＰＨＰまったく初心者です）</div>
</td>
</tr>
<tr class="tr2">
<td class="postername">
<div class="posternamecontainer"><a href="profile-246.html">nulla</a></div>
</td>
<td class="postinfo">
<div class="postlinks"></div>
<div class="postdate"><a href="topic-post726.html#post726" name="post726" rel="nofollow">#2</a> 2011 年 1 月 2 日(日) 16:07</div>
</td>
</tr>
<tr class="tr2">
<td class="posterinfo">
会員
<div class="avatar"></div>
<div class="field">登録者: 8 2009</div>
<div class="field">返信数: 103</div>
<div class="field"></div>
</td>
<td class="postcontent">
<div class="post">こんにちは。<br /><br />Javascriptとphpでできそうですね。<br />javascriptからphpを呼び出し時間ソートの画像リストを取得。<br />javascriptで画像リストから順番に画像を取得し一定間隔で次々とブラウザに表示。</div>
</td>
</tr>
<tr class="tr1">
<td class="postername">
<div class="posternamecontainer"><a href="profile-370.html">mild7</a></div>
</td>
<td class="postinfo">
<div class="postlinks"></div>
<div class="postdate"><a href="topic-post727.html#post727" name="post727" rel="nofollow">#3</a> 2011 年 1 月 3 日(月) 18:33</div>
</td>
</tr>
<tr class="tr1">
<td class="posterinfo">
会員
<div class="avatar"></div>
<div class="field">登録者: 1 2011</div>
<div class="field">返信数: 5</div>
<div class="field"></div>
</td>
<td class="postcontent">
<div class="post">nullaさん ありがとうございます。<br />なるほど手順はそうなんですね しかし、悲しいかなスキルが無くてスクリプトが解りません。泣く</div>
</td>
</tr>
<tr class="tr2">
<td class="postername">
<div class="posternamecontainer"><a href="profile-370.html">mild7</a></div>
</td>
<td class="postinfo">
<div class="postlinks"></div>
<div class="postdate"><a href="topic-post731.html#post731" name="post731" rel="nofollow">#4</a> 2011 年 1 月 14 日(金) 19:57</div>
</td>
</tr>
<tr class="tr2">
<td class="posterinfo">
会員
<div class="avatar"></div>
<div class="field">登録者: 1 2011</div>
<div class="field">返信数: 5</div>
<div class="field"></div>
</td>
<td class="postcontent">
<div class="post">あれからマニュアルと格闘しました。<br />フォルダ内画像は 0001.jpg 0002.jpg 0003.jpg というふうに連番で役200枚あります。<br />以下のスクリプトで （ＰＨＰ５） <br /><?php<br /><br />$SourceDir = "/home/mild7-1/public_html/test/pdat";<br />// ファイル一覧の取得 -> $files[]<br />$hd = opendir($SourceDir);<br />$files = array();<br />while ( ($fname = readdir($hd)) !== false ) {<br />if ($fname != "." && $file != "..") {<br />if (strstr($fname, ".jpg") !== false) {<br />$path = "{$SourceDir}/{$fname}";<br />if (is_file($path)) $files[] = $fname;<br />}<br />}<br />}<br />closedir($hd);<br />rsort($files);<br /><br />// ファイルの表示<br />for ($i = 0; $i < count($files);<br />$i++) {<br />$src = $SourceDir."/".$files[$i];<br />if (is_file($dst)) @unlink($dst);<br />$pp = sprintf("%04d",$i+1).".jpg";<br />print("<img src={$pp} width=50>"); <br />}<br /><br />?><br /><br />画像は表示されるようになったのですが、連続で一瞬に表示されます。<br />ぱらぱら漫画のように１枚の画像で0.5秒間隔で表示させる良い方法を思いつきません<br />よろしくご指導ください。</div>
</td>
</tr>
<tr class="tr1">
<td class="postername">
<div class="posternamecontainer"><a href="profile-246.html">nulla</a></div>
</td>
<td class="postinfo">
<div class="postlinks"></div>
<div class="postdate"><a href="topic-post733.html#post733" name="post733" rel="nofollow">#5</a> 2011 年 1 月 15 日(土) 15:50</div>
</td>
</tr>
<tr class="tr1">
<td class="posterinfo">
会員
<div class="avatar"></div>
<div class="field">登録者: 8 2009</div>
<div class="field">返信数: 103</div>
<div class="field"></div>
</td>
<td class="postcontent">
<div class="post">こんにちは。<br />今回は特別です。<br />ファイル名が固定なら、phpは関係なくできます。<br />てっきり日付毎にファイル名が決定されているのかと思いました。<br />なのでphpでファイル名を取得し時間ソートリストをjavascriptへ渡す（略）<br /><br /><br /><br />parapara.html<br /><pre class="code"><?xml version="1.0" encoding="utf-8"?><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /><meta http-equiv="Content-Script-Type" content="text/javascript" /><br /><script type="text/javascript" src="parapara.js" charset="utf-8"></script><br /><title>パラパラ画像</title><br /></head><br /><body><br /><h1 id="parapara"><img id="image" src="0001.jpg" alt="パラパラ画像" /></h1><br /></body><br /></html><br /></pre><br /><br />parapara.js<br /><pre class="code"><br />var element = "";<br />var imageUrl = "";<br />var delay = 500;<br />var counter = 1;<br /><br />window.onload = function() {<br /><br /> element = document.getElementById('image');<br /> imageUrl = element.getAttribute('src', 0);<br /><br /> LoadNextImage();<br /><br />}<br /><br />function DisplayImage() {<br /> var parapara = document.getElementById('parapara');<br /> parapara.appendChild(element);<br /> LoadNextImage();<br />}<br /><br />function LoadBuffer() {<br /> counter++;<br /> var splits = imageUrl.split(".");<br /> var ext = splits[splits.length - 1];<br /> var imageName = ("000" + counter).slice(-4);<br /> var image = new Image();<br /> image.src=imageName + "." + ext;<br /> image.onload = function() {<br /> element.setAttribute('src', image.src);<br /> image = null;<br /> DisplayImage();<br /> }<br />}<br /><br />function LoadNextImage() {<br /> window.setTimeout("LoadBuffer()", delay);<br />}<br /></pre><br /><br /><br /><br />改造するなりphpと連携させてみたりしてください。<br /># Javascriptとphpでと言ってるのにどうしてphpのみでしようとしたのかわからない。</div>
</td>
</tr>
<tr class="tr2">
<td class="postername">
<div class="posternamecontainer"><a href="profile-370.html">mild7</a></div>
</td>
<td class="postinfo">
<div class="postlinks"></div>
<div class="postdate"><a href="topic-post747.html#post747" name="post747" rel="nofollow">#6</a> 2011 年 3 月 6 日(日) 15:36</div>
</td>
</tr>
<tr class="tr2">
<td class="posterinfo">
会員
<div class="avatar"></div>
<div class="field">登録者: 1 2011</div>
<div class="field">返信数: 5</div>
<div class="field"></div>
</td>
<td class="postcontent">
<div class="post">nullaさん<br />申し訳ございません。</div>
</td>
</tr>
</table>
<p id="toolbarbottom"> </p>
<p id="pagelinksbottom">ページ: 1</p>
<div id="bottomfix"></div>
<p id="actionlinks"></p>
<p class="locationbar">
• <a href="index.html">日本PHPユーザ会 掲示板</a> » <a href="forum-2.html">PHP事はじめ</a> » 指定フォルダ内の .jpg 画像をぱらぱら漫画に
</p>
<p id="linkbar">
</p>
<p id="bottom">
日本PHPユーザ会 掲示板 は <a href="http://www.usebb.net">UseBB 1 フォーラムソフトウェア</a> を使用しています
</p>
<div id="bottom-shadow"></div>
</div>
</div>
</div>
</body>
</html>