teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

5

ご指摘いただいた点を修正いたしました。

2016/09/01 11:27

投稿

space_sss
space_sss

スコア81

title CHANGED
File without changes
body CHANGED
@@ -145,11 +145,9 @@
145
145
 
146
146
  プラグインへのリンクがこちらです。
147
147
 
148
- Galleriffic | A jQuery plugin for rendering fast-performing photo galleries】
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
- [リンク内容](http://www.twospy.com/galleriffic/js/jquery.galleriffic.js)
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

ご指摘を頂いた点を修正いたしました。

2016/09/01 11:27

投稿

space_sss
space_sss

スコア81

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

ご指摘いただいた点を修正いたしました。

2016/09/01 11:26

投稿

space_sss
space_sss

スコア81

title CHANGED
File without changes
body CHANGED
@@ -54,7 +54,9 @@
54
54
  })
55
55
  //受信部分
56
56
  .done(function(response) {
57
- $('#category').html(response);
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">&nbsp;<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
- ###hantei.phpを変更
146
+ プラグインへのリンクがこちらです。
209
- ```
210
- <?php
211
- $val=htmlspecialchars($_POST['val']);
212
- switch($val){
213
- case "test1":
214
- $category="テスト1です。";
215
- break;
216
- case "test2":
217
- $category="テスト2です。";
218
- break;
219
- case "test3":
220
- $category="テスト3です。";
221
- break;
222
- case "test4":
223
- $category="テスト4です。";
224
- break;
225
- default:
226
- $category="テスト5です。";
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
- $('div.content').css('display', 'block');
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
- var gallery = $('#thumbs').galleriffic({
149
+ http://www.twospy.com/galleriffic/
255
- playLinkText:'停止',
150
+
256
- pauseLinkText:'再生',
257
- prevLinkText:'前へ',
258
- nextLinkText:'次へ',
259
- onSlideChange:function(prevIndex, nextIndex) {
260
- this.find('ul.thumbs').children()
261
- .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
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
- <li onClick="gallery('test1')">テスト1</li>
152
+ http://www.twospy.com/galleriffic/js/jquery.galleriffic.js
301
- <li onClick="gallery('test2')">テスト2</li>
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","テスト1です。");
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

ミス

2016/09/01 11:24

投稿

space_sss
space_sss

スコア81

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

ミス

2016/08/29 00:47

投稿

space_sss
space_sss

スコア81

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
  お手数かけてしまいますがどうぞ宜しくお願いいたします。