回答編集履歴
1
別の記述法に修正。
test
CHANGED
@@ -2,32 +2,30 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
※さっきの投稿はナシで!笑
|
8
6
|
|
9
7
|
|
10
8
|
|
9
|
+
changeImage()は、イベント(onclick)の設定により、
|
10
|
+
|
11
|
+
prevもしくはnextをクリックすれば呼び出され処理をします。
|
12
|
+
|
13
|
+
pageNum()は、changeImage()の中に存在しますので、同じくクリックされれば
|
14
|
+
|
15
|
+
呼び出され処理をします。クリック→ナンバーを表示
|
16
|
+
|
17
|
+
ですが、クリックされた時だけ呼び出され処理をすると
|
18
|
+
|
19
|
+
ページが読み込まれprevもしくはnextをクリックしない限り、
|
20
|
+
|
21
|
+
ナンバーは表示されませんよね??
|
22
|
+
|
23
|
+
そこで初回にただ(ページ)読み込まれた時用(体裁を保つため)に
|
24
|
+
|
11
|
-
|
25
|
+
function pageNumの下(位置はここでなくともコードの一番下でもOk)に
|
26
|
+
|
27
|
+
pageNum()記載することにより、クリックしなくともナンバーが表示されるようにしています。
|
12
28
|
|
13
29
|
|
14
30
|
|
15
|
-
|
31
|
+
こんなんでわかるかな。。
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
function changeImage(num)の中のpageNum()は、遷移ボタン(prev or next)を**クリックされた時用**で、
|
22
|
-
|
23
|
-
上記と同じく画像のナンバーを表示するためのものです。
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
なので、function pageNumの下のpageNum()は、端っから```<div id="page"></div>```へ
|
30
|
-
|
31
|
-
**1/5**と入れておけば必要ないです。
|
32
|
-
|
33
|
-
※そもそも、もっとスッキリさせられそうですが。
|