質問編集履歴

3

CODE部分修正

2017/03/17 06:22

投稿

koro703
koro703

スコア29

test CHANGED
File without changes
test CHANGED
@@ -56,7 +56,9 @@
56
56
 
57
57
 
58
58
 
59
+
60
+
59
- ```
61
+ ココから追記---------------------------------
60
62
 
61
63
 
62
64
 
@@ -79,6 +81,8 @@
79
81
 
80
82
 
81
83
  ■table部分(価格表)
84
+
85
+ ```
82
86
 
83
87
  <table>
84
88
 
@@ -110,7 +114,7 @@
110
114
 
111
115
  </table>
112
116
 
113
-
117
+ ```
114
118
 
115
119
  --------------------------
116
120
 
@@ -118,7 +122,7 @@
118
122
 
119
123
  ■別ファイルにまとめて、読み込ませたい部分
120
124
 
121
-
125
+ ```
122
126
 
123
127
  <div style="display:none;">
124
128
 

2

不足部分を追加しました。

2017/03/17 06:22

投稿

koro703
koro703

スコア29

test CHANGED
File without changes
test CHANGED
@@ -51,3 +51,97 @@
51
51
  お忙しいところ申し訳ございませんが、
52
52
 
53
53
  宜しくお願い致します。
54
+
55
+
56
+
57
+
58
+
59
+ ```
60
+
61
+
62
+
63
+ 教えて頂きまして、ありがとうございます。
64
+
65
+ ただ私が勉強不足のため、すぐに理解出来ずに申し訳ありません。
66
+
67
+ jQuery をきちんと勉強していないと難しいでしょうか……
68
+
69
+
70
+
71
+ ----------------------
72
+
73
+ やりたい事は、下記のように、「table」が載っているhtmlと別ファイルで、画像グループたちを表記して、読み込ませたいのです。
74
+
75
+ グループが多いのと、価格表table.htmlの種類が多いので、なるべくファイル数も少なくしたいため。
76
+
77
+ (別ファイルから読み込むことが出来れば、<div style="display:none;">はいらないですね。)
78
+
79
+
80
+
81
+ ■table部分(価格表)
82
+
83
+ <table>
84
+
85
+ <tr>
86
+
87
+ <td><a href="A.jpg" data-lightbox="group01"><img src="A.jpg" style="display:none;" />〇</a></td>
88
+
89
+ </tr>
90
+
91
+ <tr>
92
+
93
+ <td><a href="C.jpg" data-lightbox="group02"><img src="C.jpg" style="display:none;" />〇</a></td>
94
+
95
+ </tr>
96
+
97
+
98
+
99
+ <tr>
100
+
101
+
102
+
103
+
104
+
105
+ 中略
106
+
107
+
108
+
109
+
110
+
111
+ </table>
112
+
113
+
114
+
115
+ --------------------------
116
+
117
+
118
+
119
+ ■別ファイルにまとめて、読み込ませたい部分
120
+
121
+
122
+
123
+ <div style="display:none;">
124
+
125
+
126
+
127
+ <a href="A_02.jpg" data-lightbox="group01"><img src="A_02.jpg" /></a>
128
+
129
+ <a href="A_03.jpg" data-lightbox="group01"><img src="A_03.jpg" /></a>
130
+
131
+ <a href="A_04.jpg" data-lightbox="group01"><img src="A_04.jpg" /></a>
132
+
133
+
134
+
135
+ <a href="C_02.jpg" data-lightbox="group02"><img src="C_02.jpg" /></a>
136
+
137
+ <a href="C_03.jpg" data-lightbox="group02"><img src="C_03.jpg" /></a>
138
+
139
+ <a href="C_04.jpg" data-lightbox="group02"><img src="C_04.jpg" /></a>
140
+
141
+
142
+
143
+ </div>
144
+
145
+
146
+
147
+ ```

1

表の図をいれました。

2017/03/17 06:02

投稿

koro703
koro703

スコア29

test CHANGED
File without changes
test CHANGED
@@ -1,24 +1,50 @@
1
1
  いつもお世話になっております。
2
+
3
+ アドバイスを頂きましたので、内容を修正させていただきました。
2
4
 
3
5
 
4
6
 
7
+ 下記のような価格表があり、4列目の「〇」ボタンをクリックすると、別ウィンドウにジャンプするのではなく、
8
+
5
- 価格表があり、そちらに「〇」ボタンなどを設置してクリックすると、画面上にその商品の複数画像をスライドショーとして表示したいと考えています。
9
+ 画面上で該当グループ画像(複数をスライドショーとして表示したいと考えています。
6
10
 
7
11
 
8
12
 
9
- lightbox系かな…と思うのですが、つまずいている点は以下の2点です。
13
+ ----------------------------
10
14
 
11
15
 
12
16
 
13
- 1.価格表に載せるクリック画像は、スライドショーの複数画像の1枚ではなく、全商品共通の画像(〇など)にしたい。(テキストでも可)
14
-
15
- そうすると、スライドショーにした際に1枚目にその画像が表示されてしまう。
17
+ |列1 |列2 |列3 |列4|
16
18
 
17
19
 
18
20
 
19
- 2.商品によってスライドショーに使う画像が異なるため、価格表htmlの量が多くなり見にくくなると思います。
21
+ |あああ |WHITE |355,000 |〇 | …[Aグループ画像スライド]
20
22
 
23
+ |いいい |BLUE | 20,000 |〇 | …[Bグループ画像スライド]
24
+
25
+ |ううう |WHITE |300,000 |〇 | …[Cグループ画像スライド]
26
+
27
+ |えええ |BLACK | 10,000 |〇 | …[Aグループ画像スライド]
28
+
29
+
30
+
31
+ ----------------------------
32
+
33
+
34
+
35
+ 1.各行の4列目(テキストか画像)をクリックすると、
36
+
37
+ 複数画像(グループ化)のスライドショーをおこないたいのですが、
38
+
39
+ クリックする前には画像は表示したくない。(隠す事はできますか?)
40
+
41
+
42
+
21
- 出来れば、スライドショに使う画像は別ファイルにまとめて、読み込む形にしたい。
43
+ 2.可能であれば、価格表とは違うhtmlに各グルプの画像を入れて、読み込む形にしたい。
44
+
45
+ (グループ・画像が多く、一緒になるとかなりhtmlが多くなってしまうため)
46
+
47
+
22
48
 
23
49
 
24
50