質問編集履歴
2
閉じかっこなどのレイアウトを見やすく合わせました。.hoverNav1 .prevのclickイベントの場所を変更しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -86,16 +86,6 @@
|
|
|
86
86
|
$("#index").slideDown(500);
|
|
87
87
|
$(".hoverNav1, .hoverNav2").fadeIn();
|
|
88
88
|
|
|
89
|
-
var currentNum = $("#small_pics li img").index(this);
|
|
90
|
-
|
|
91
|
-
$(".hoverNav1 .prev").on("click", function(){
|
|
92
|
-
currentNum--;
|
|
93
|
-
console.log(currentNum);
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
});
|
|
97
|
-
|
|
98
|
-
|
|
99
89
|
centeringModalSyncer();
|
|
100
90
|
$(window).resize(centeringModalSyncer);
|
|
101
91
|
|
|
@@ -107,8 +97,8 @@
|
|
|
107
97
|
|
|
108
98
|
centeringModalSyncer4();
|
|
109
99
|
$(window).resize(centeringModalSyncer4);
|
|
100
|
+
|
|
110
101
|
|
|
111
|
-
|
|
112
102
|
$(".pic-overlay").click(function(){
|
|
113
103
|
$(".pic-overlay img, .pic-overlay, #index, .hoverNav1, .hoverNav2").fadeOut("slow", function(){
|
|
114
104
|
$(".pic-overlay").remove();
|
|
@@ -116,7 +106,15 @@
|
|
|
116
106
|
});
|
|
117
107
|
});
|
|
118
108
|
|
|
109
|
+
var currentNum = $("#small_pics li img").index(this);
|
|
110
|
+
console.log(currentNum);
|
|
119
111
|
|
|
112
|
+
$(".hoverNav1 .prev").on("click", function(){
|
|
113
|
+
currentNum--;
|
|
114
|
+
console.log(currentNum);
|
|
115
|
+
|
|
116
|
+
});
|
|
117
|
+
|
|
120
118
|
});
|
|
121
119
|
|
|
122
120
|
function centeringModalSyncer(){
|
1
質問文にできない部分のソースなどを追記してみました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,7 +10,19 @@
|
|
|
10
10
|
|
|
11
11
|
prev、nextボタンを配置するところまでは自力でできているので解決コードも自作のものに付け加えた形でできるのであればその方向で進められたらと思っております。
|
|
12
12
|
|
|
13
|
+
//１．拡大表示された画像の要素番号をcurrentNumに格納
|
|
14
|
+
var currentNum = $("#small_pics li img").index(this);
|
|
15
|
+
//prevをクリックすると
|
|
16
|
+
$(".hoverNav1 .prev").on("click", function(){
|
|
17
|
+
//２．要素番号を1つ減らす（=表示されていた画像の1つまえの要素を取得）
|
|
18
|
+
currentNum--;
|
|
19
|
+
//２．の部分ができているかを確認してるだけ
|
|
20
|
+
console.log(currentNum);
|
|
21
|
+
//３．pic-overlay img にcurrentNumで取ってきた要素番号の画像のsrcを入れる
|
|
22
|
+
$(".pic-overlay img").
|
|
13
23
|
|
|
24
|
+
３．の部分でつまづいています。.pic-overlay img に入れる前にcurrentNumの要素番号の画像のsrcを取る処理を書くのでしょうが思いつきません。
|
|
25
|
+
|
|
14
26
|
### 該当のソースコード
|
|
15
27
|
|
|
16
28
|
```HTML
|