回答編集履歴
1
文章の整形
test
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
色々方法はあると思いますが、現コードを崩さず利用する場合は以下が考えられます。
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[html]
|
|
4
4
|
|
|
5
5
|
・imgタグ(#bigimg)の弟要素に、リストで各画像毎の文章を記述する。(li styleは無効)
|
|
6
6
|
|
|
7
|
-
・
|
|
7
|
+
・上記画像と文章をdiv等で囲む
|
|
8
8
|
|
|
9
|
+
[css]
|
|
10
|
+
|
|
11
|
+
・作成したdivにdisplayのfloat又はflexを適用する。
|
|
12
|
+
|
|
13
|
+
・初期表示(サンプルコードだと、image1)以外のliを非表示にする。(display:none)
|
|
14
|
+
|
|
15
|
+
[js]
|
|
16
|
+
|
|
9
|
-
・
|
|
17
|
+
・thumbsの様に文章liの配列を取得する。
|
|
10
18
|
|
|
11
19
|
・function()にて、該当li cssの表示及び、他liの非表示を記述する。
|