質問編集履歴
2
よりわかりやすく記述。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
### 発生している問題・エラーメッセージ
|
|
7
7
|
|
|
8
8
|
```
|
|
9
|
+
参考ページのように、モーダルを閉じるボタンが表示されない。
|
|
10
|
+
モーダルグループ内の次のモーダルへの遷移ボタンが出ない。
|
|
9
|
-
|
|
11
|
+
モーダル内のimgが大きすぎる。
|
|
10
12
|
```
|
|
11
13
|
|
|
12
14
|
### 該当のソースコード
|
|
13
15
|
|
|
14
|
-
```ここに言語名を入力
|
|
15
|
-
HTML
|
|
16
|
+
```HTML
|
|
16
|
-
------
|
|
17
17
|
<ul class="works-wrap gallery-list">
|
|
18
18
|
<li>
|
|
19
19
|
<a href="img/works-1.PNG" class="gallery" data-group="gallery"><img src="img/works-1.PNG" alt=""></a>
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
<p>Design / Coding (Responsive)</p>
|
|
47
47
|
</li>
|
|
48
48
|
</ul>
|
|
49
|
-
------
|
|
50
49
|
|
|
50
|
+
|
|
51
|
-
CSS
|
|
51
|
+
```CSS
|
|
52
|
-
|
|
52
|
+
|
|
53
53
|
/*全て共通：hideエリアをはじめは非表示*/
|
|
54
54
|
.hide-area{
|
|
55
55
|
display: none;
|
|
@@ -67,10 +67,8 @@
|
|
|
67
67
|
.modaal-close:hover:before{
|
|
68
68
|
background:#666;
|
|
69
69
|
}
|
|
70
|
-
------
|
|
71
70
|
|
|
72
|
-
JS
|
|
71
|
+
```JS
|
|
73
|
-
------
|
|
74
72
|
$(".gallery").modaal({
|
|
75
73
|
type: 'image',
|
|
76
74
|
overlay_close:true,//モーダル背景クリック時に閉じるか
|
|
@@ -81,7 +79,6 @@
|
|
|
81
79
|
$('html').css('overflow-y','scroll');/*縦スクロールバーを出す*/
|
|
82
80
|
}
|
|
83
81
|
});
|
|
84
|
-
------
|
|
85
82
|
|
|
86
83
|
```
|
|
87
84
|
|
1
初心者マークの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -101,5 +101,4 @@
|
|
|
101
101
|
|
|
102
102
|
### 補足情報（FW/ツールのバージョンなど）
|
|
103
103
|
|
|
104
|
-
mac(11.5.2)
|
|
105
104
|
VScode使用
|