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

質問編集履歴

2

詳細な情報の追記依頼があったので、追記しました。

2017/08/22 05:54

投稿

hidepon
hidepon

スコア206

title CHANGED
File without changes
body CHANGED
@@ -44,7 +44,16 @@
44
44
  ```
45
45
  としたとき。
46
46
  全ての画像がまとまって取り込まれて
47
- ギャラリー表示されてしまいます。
47
+ 1つのギャラリーとして表示されてしまいます。
48
48
  :eqとかを利用して個別のブロックを識別しながら
49
49
  表示できればと考えていますが、うまくいきません。
50
- 宜しくお願いいたします。
50
+ 宜しくお願いいたします。
51
+
52
+ (追記)
53
+ 例えば、ブロック(領域)が5つあるとします。各々の領域に複数の画像ギャラリー用の写真が設定されています。
54
+ ブロックAに3枚 →3枚のギャラリー作成
55
+ ブロックBに4枚 →4枚のギャラリー作成、
56
+ ブロックCに5枚 →5枚のギャラリー作成、
57
+ ブロックDに4枚 →4枚のギャラリー作成、
58
+ ブロックEに7枚 →7枚のギャラリー作成、
59
+ のように5種類のスライドショウを設定するというのが、目標になります。

1

enter押したらPOSTされました。スミマセン・・・

2017/08/22 05:54

投稿

hidepon
hidepon

スコア206

title CHANGED
File without changes
body CHANGED
@@ -12,9 +12,39 @@
12
12
  $('.parent-container').magnificPopup({
13
13
  delegate: 'a',
14
14
  type: 'image',
15
- // other options
16
- gallery: { //ギャラリーオプション
15
+ gallery: {
17
- enabled:true
16
+ enabled:true
18
- }
17
+ }
19
18
  });
20
- ```
19
+ ```
20
+ とすれば良いと考えました。
21
+ しかし
22
+
23
+ ```
24
+ <div class="block">
25
+ <div class="parent-container">
26
+ <a href="path-to-image-1.jpg">Open popup 1</a>
27
+ <a href="path-to-image-2.jpg">Open popup 2</a>
28
+ <a href="path-to-image-3.jpg">Open popup 3</a>
29
+ </div>
30
+ </div>
31
+ <div class="block">
32
+ <div class="parent-container">
33
+ <a href="path-to-image-4.jpg">Open popup 1</a>
34
+ <a href="path-to-image-5.jpg">Open popup 2</a>
35
+ <a href="path-to-image-6.jpg">Open popup 3</a>
36
+ </div>
37
+ </div><div class="block">
38
+ <div class="parent-container">
39
+ <a href="path-to-image-7.jpg">Open popup 1</a>
40
+ <a href="path-to-image-8.jpg">Open popup 2</a>
41
+ <a href="path-to-image-9.jpg">Open popup 3</a>
42
+ </div>
43
+ </div>
44
+ ```
45
+ としたとき。
46
+ 全ての画像がまとまって取り込まれて
47
+ ギャラリー表示されてしまいます。
48
+ :eqとかを利用して個別のブロックを識別しながら
49
+ 表示できればと考えていますが、うまくいきません。
50
+ 宜しくお願いいたします。