質問編集履歴
5
ご指摘いただいた点を修正いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -145,11 +145,9 @@
|
|
|
145
145
|
|
|
146
146
|
プラグインへのリンクがこちらです。
|
|
147
147
|
|
|
148
|
-
|
|
148
|
+
[Galleriffic | A jQuery plugin for rendering fast-performing photo gallerie](http://www.twospy.com/galleriffic/)
|
|
149
|
-
[リンク内容](http://www.twospy.com/galleriffic/)
|
|
150
149
|
|
|
151
|
-
【http://www.twospy.com/galleriffic/js/jquery.galleriffic.js】
|
|
152
|
-
[
|
|
150
|
+
[http://www.twospy.com/galleriffic/js/jquery.galleriffic.js](http://www.twospy.com/galleriffic/js/jquery.galleriffic.js)
|
|
153
151
|
|
|
154
152
|
ご指摘を頂いた点を修正いたしました。
|
|
155
153
|
ここで galleriffic を再実行する（ opacityrollover も）とご指摘いただいたのですがどのように再実行すればよろしいのでしょうか？
|
4
ご指摘を頂いた点を修正いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -146,10 +146,10 @@
|
|
|
146
146
|
プラグインへのリンクがこちらです。
|
|
147
147
|
|
|
148
148
|
【Galleriffic | A jQuery plugin for rendering fast-performing photo galleries】
|
|
149
|
-
http://www.twospy.com/galleriffic/
|
|
149
|
+
[リンク内容](http://www.twospy.com/galleriffic/)
|
|
150
150
|
|
|
151
151
|
【http://www.twospy.com/galleriffic/js/jquery.galleriffic.js】
|
|
152
|
-
http://www.twospy.com/galleriffic/js/jquery.galleriffic.js
|
|
152
|
+
[リンク内容](http://www.twospy.com/galleriffic/js/jquery.galleriffic.js)
|
|
153
153
|
|
|
154
154
|
ご指摘を頂いた点を修正いたしました。
|
|
155
155
|
ここで galleriffic を再実行する（ opacityrollover も）とご指摘いただいたのですがどのように再実行すればよろしいのでしょうか？
|
3
ご指摘いただいた点を修正いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -54,7 +54,9 @@
|
|
|
54
54
|
})
|
|
55
55
|
//受信部分
|
|
56
56
|
.done(function(response) {
|
|
57
|
-
$('#category').
|
|
57
|
+
$( '#category' ).remove();
|
|
58
|
+
$( '#thumbs' ).html( '<ul class="thumbs noscript" id="category">' + response + '</ul>' );
|
|
59
|
+
// ここで galleriffic を再実行する（ opacityrollover も）
|
|
58
60
|
})
|
|
59
61
|
.fail(function() {//エラーが起きた場合
|
|
60
62
|
alert('通信失敗')
|
|
@@ -140,191 +142,15 @@
|
|
|
140
142
|
include('gallery.php');
|
|
141
143
|
?>
|
|
142
144
|
```
|
|
143
|
-
###試したこと
|
|
144
|
-
ページは切り替わるが画像がうまく表示されませんでした。
|
|
145
|
-
なのですべて書き換えれば何とかなるのかと思い
|
|
146
|
-
###gallery.phpを変更
|
|
147
|
-
```
|
|
148
|
-
<?php
|
|
149
|
-
switch($gallery[2]):
|
|
150
|
-
case "1":
|
|
151
|
-
?>
|
|
152
|
-
<div style="display: block;" class="content">
|
|
153
|
-
<div class="slideshow-container">
|
|
154
|
-
<div style="display: none;" id="loading" class="loader"></div>
|
|
155
|
-
<div id="slideshow" class="slideshow"><span style="opacity: 1;" class="image-wrapper current"><a class="advance-link" rel="history" href="<?=$gallery[0]?>_01.jpg" title="<?=$gallery[2]?>" data-lightbox="gallery"> <img src="<?=$gallery[0]?>_01.jpg" alt="<?=$gallery[0]?>"></a></span></div>
|
|
156
|
-
</div>
|
|
157
|
-
<div id="caption" class="caption-container"><span style="opacity: 1;" class="image-caption current"><div class="caption">
|
|
158
|
-
<div class="image-title"><?=$n_design[2]?>01</div>
|
|
159
|
-
<div class="image-desc">
|
|
160
|
-
</div>
|
|
161
|
-
</div></span></div>
|
|
162
|
-
<div id="controls" class="controls">
|
|
163
|
-
<div class="ss-controls">
|
|
164
|
-
<a title="停止" href="#play" class="play">停止</a>
|
|
165
|
-
</div>
|
|
166
|
-
<div class="nav-controls">
|
|
167
|
-
<a href="#5" class="prev" rel="history">前へ</a>
|
|
168
|
-
<a href="#2" class="next" rel="history">次へ</a>
|
|
169
|
-
</div>
|
|
170
|
-
</div>
|
|
171
|
-
</div>
|
|
172
|
-
<div style="opacity: 1;" id="thumbs" class="navigation"><div class="top pagination"></div>
|
|
173
|
-
<ul class="thumbs">
|
|
174
|
-
<?php
|
|
175
|
-
for($i=1; $i<=$j; $i++):
|
|
176
|
-
$i=sprintf('%02d',$i);
|
|
177
|
-
?>
|
|
178
|
-
<li class="selected" style="opacity:1;">
|
|
179
|
-
<a rel="history" class="thumb" href="#leaf" title="<?=$gallery[1].$i?>">
|
|
180
|
-
<img src="images/<?=$gallery[0]?>_<?=$i?>_s.jpg" alt="<?=$gallery[1].$i?>">
|
|
181
|
-
</a>
|
|
182
|
-
</li>
|
|
183
|
-
<?php
|
|
184
|
-
endfor;
|
|
185
|
-
?>
|
|
186
|
-
</ul>
|
|
187
|
-
<div class="bottom pagination"></div></div>
|
|
188
|
-
<?php
|
|
189
|
-
break;
|
|
190
|
-
default:
|
|
191
|
-
for($i=1; $i<=5; $i++):
|
|
192
|
-
?>
|
|
193
|
-
<li>
|
|
194
|
-
<a class="thumb" name="leaf" href="images/<?=$gallery[0]?>_<?=$i?>.jpg" title="<?=$gallery[1]?>">
|
|
195
|
-
<img src="images/<?=$gallery[0]?>_<?=$i?>_s.jpg" alt="<?=$gallery[1]?>" />
|
|
196
|
-
</a>
|
|
197
|
-
<div class="caption">
|
|
198
|
-
<div class="image-title"><?=$gallery[1].$i?></div>
|
|
199
|
-
<div class="image-desc"></div>
|
|
200
|
-
</div>
|
|
201
|
-
</li>
|
|
202
145
|
|
|
203
|
-
<?php
|
|
204
|
-
endfor;
|
|
205
|
-
endswitch;
|
|
206
|
-
?>
|
|
207
|
-
```
|
|
208
|
-
|
|
146
|
+
プラグインへのリンクがこちらです。
|
|
209
|
-
```
|
|
210
|
-
<?php
|
|
211
|
-
$val=htmlspecialchars($_POST['val']);
|
|
212
|
-
switch($val){
|
|
213
|
-
case "test1":
|
|
214
|
-
$category="テスト１です。";
|
|
215
|
-
break;
|
|
216
|
-
case "test2":
|
|
217
|
-
$category="テスト２です。";
|
|
218
|
-
break;
|
|
219
|
-
case "test3":
|
|
220
|
-
$category="テスト３です。";
|
|
221
|
-
break;
|
|
222
|
-
case "test4":
|
|
223
|
-
$category="テスト４です。";
|
|
224
|
-
break;
|
|
225
|
-
default:
|
|
226
|
-
$category="テスト５です。";
|
|
227
|
-
}
|
|
228
|
-
$gallery=array($val,$category,1);
|
|
229
|
-
//戻し
|
|
230
|
-
header('Content-type: application/text charset=utf-8');
|
|
231
|
-
include('gallery.php');
|
|
232
|
-
?>
|
|
233
|
-
```
|
|
234
147
|
|
|
235
|
-
###test.html
|
|
236
|
-
```HTML
|
|
237
|
-
<!DOCTYPE HTML>
|
|
238
|
-
<html><head>
|
|
239
|
-
<meta charset="utf-8">
|
|
240
|
-
<link href="galleriffic.css" rel="stylesheet" type="text/css" media="all">
|
|
241
|
-
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
|
|
242
|
-
<script type="text/javascript" src="jquery.galleriffic.js"></script>
|
|
243
|
-
<script type="text/javascript" src="jquery.opacityrollover.js"></script>
|
|
244
|
-
<script type="text/javascript">
|
|
245
|
-
jQuery(document).ready(function($) {
|
|
246
|
-
|
|
148
|
+
【Galleriffic | A jQuery plugin for rendering fast-performing photo galleries】
|
|
247
|
-
var onMouseOutOpacity = 0.27;
|
|
248
|
-
$('#thumbs ul.thumbs li').opacityrollover({
|
|
249
|
-
mouseOutOpacity: onMouseOutOpacity,
|
|
250
|
-
mouseOverOpacity: 1.0,
|
|
251
|
-
fadeSpeed: 'fast',
|
|
252
|
-
exemptionSelector: '.selected'
|
|
253
|
-
});
|
|
254
|
-
|
|
149
|
+
http://www.twospy.com/galleriffic/
|
|
255
|
-
|
|
150
|
+
|
|
256
|
-
pauseLinkText:'再生',
|
|
257
|
-
prevLinkText:'前へ',
|
|
258
|
-
nextLinkText:'次へ',
|
|
259
|
-
onSlideChange:function(prevIndex, nextIndex) {
|
|
260
|
-
this.find('ul.thumbs').children()
|
|
261
|
-
|
|
151
|
+
【http://www.twospy.com/galleriffic/js/jquery.galleriffic.js】
|
|
262
|
-
.eq(nextIndex).fadeTo('fast', 1.0);
|
|
263
|
-
},
|
|
264
|
-
onPageTransitionOut:function(callback) {
|
|
265
|
-
this.fadeTo('fast', 0.0, callback);
|
|
266
|
-
},
|
|
267
|
-
onPageTransitionIn:function() {
|
|
268
|
-
this.fadeTo('fast', 1.0);
|
|
269
|
-
}
|
|
270
|
-
});
|
|
271
|
-
});
|
|
272
|
-
</script>
|
|
273
|
-
<script>
|
|
274
|
-
function gallery(category){// Ajax通信
|
|
275
|
-
//送信部分
|
|
276
|
-
$.ajax({
|
|
277
|
-
url : 'hantei.php',
|
|
278
|
-
type : 'post',
|
|
279
|
-
dataType : 'text',
|
|
280
|
-
data : {
|
|
281
|
-
val: category
|
|
282
|
-
}
|
|
283
|
-
})
|
|
284
|
-
//受信部分
|
|
285
|
-
.done(function(response) {
|
|
286
|
-
$('#category').html(response);
|
|
287
|
-
})
|
|
288
|
-
.fail(function() {//エラーが起きた場合
|
|
289
|
-
alert('通信失敗')
|
|
290
|
-
});
|
|
291
|
-
}
|
|
292
|
-
</script>
|
|
293
|
-
<title>test</title>
|
|
294
|
-
</head>
|
|
295
|
-
<body>
|
|
296
|
-
<div id="gallery">
|
|
297
|
-
<section>
|
|
298
|
-
<h2>画像集</h2>
|
|
299
|
-
<ul>
|
|
300
|
-
|
|
152
|
+
http://www.twospy.com/galleriffic/js/jquery.galleriffic.js
|
|
301
|
-
|
|
153
|
+
|
|
302
|
-
<li onClick="gallery('test3')">テスト3</li>
|
|
303
|
-
<li onClick="gallery('test4')">テスト4</li>
|
|
304
|
-
</ul>
|
|
305
|
-
<div class="gallery" id="category">
|
|
306
|
-
<div class="content">
|
|
307
|
-
<div class="slideshow-container">
|
|
308
|
-
<div id="loading" class="loader"></div>
|
|
309
|
-
<div id="slideshow" class="slideshow"></div>
|
|
310
|
-
</div>
|
|
311
|
-
<div id="caption" class="caption-container"></div>
|
|
312
|
-
<div id="controls" class="controls"></div>
|
|
313
|
-
</div>
|
|
314
|
-
<div id="thumbs" class="navigation">
|
|
315
|
-
<ul class="thumbs noscript">
|
|
316
|
-
<?php
|
|
317
|
-
$gallery=array("test1","テスト１です。");
|
|
318
|
-
include('gallery.php');
|
|
319
|
-
?>
|
|
320
|
-
</ul>
|
|
321
|
-
</div>
|
|
322
|
-
</div>
|
|
323
|
-
</section>
|
|
324
|
-
</div>
|
|
325
|
-
</body>
|
|
326
|
-
</html>
|
|
327
|
-
```
|
|
328
|
-
|
|
154
|
+
ご指摘を頂いた点を修正いたしました。
|
|
329
|
-
こ
|
|
155
|
+
ここで galleriffic を再実行する（ opacityrollover も）とご指摘いただいたのですがどのように再実行すればよろしいのでしょうか？
|
|
330
|
-
お手数かけてしまいますがどうぞ宜しくお願いいたします。
|
|
156
|
+
初歩的なことでお手数かけてしまいますがどうぞ宜しくお願いいたします。
|
2
ミス
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -231,6 +231,7 @@
|
|
|
231
231
|
include('gallery.php');
|
|
232
232
|
?>
|
|
233
233
|
```
|
|
234
|
+
|
|
234
235
|
###test.html
|
|
235
236
|
```HTML
|
|
236
237
|
<!DOCTYPE HTML>
|
|
@@ -323,7 +324,7 @@
|
|
|
323
324
|
</div>
|
|
324
325
|
</body>
|
|
325
326
|
</html>
|
|
326
|
-
|
|
327
|
+
```
|
|
327
328
|
こちらでもやはりダメでした。
|
|
328
329
|
こちらの件を解決解決できる方はいらっしゃいませんでしょうか？
|
|
329
330
|
お手数かけてしまいますがどうぞ宜しくお願いいたします。
|
1
ミス
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -323,6 +323,7 @@
|
|
|
323
323
|
</div>
|
|
324
324
|
</body>
|
|
325
325
|
</html>
|
|
326
|
+
---
|
|
326
327
|
こちらでもやはりダメでした。
|
|
327
328
|
こちらの件を解決解決できる方はいらっしゃいませんでしょうか？
|
|
328
329
|
お手数かけてしまいますがどうぞ宜しくお願いいたします。
|