teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

5

解決しましたので、コードを整理しました

2020/06/11 12:10

投稿

osarusam
osarusam

スコア19

title CHANGED
File without changes
body CHANGED
@@ -35,6 +35,7 @@
35
35
  <script src="js/style.js"></script>
36
36
  </head>
37
37
  <body>
38
+ <div class="catch-containt">
38
39
  <ul id="lightSlider">
39
40
  <li data-thumb="img/stop1.jpeg"><img src="img/stop1.jpeg" alt="1" /></li>
40
41
  <li data-thumb="img/stop2.jpeg"><img src="img/stop2.jpeg" alt="2" /></li>
@@ -43,8 +44,9 @@
43
44
  <li data-thumb="img/stop5.jpeg"><img src="img/stop5.jpeg" alt="5" /></li>
44
45
  <li data-thumb="img/stop6.jpeg"><img src="img/stop6.jpeg" alt="6" /></li>
45
46
  </ul>
47
+ </div>
46
48
 
47
-
49
+ <div class="catch-containt">
48
50
  <ul id="lightSlider2">
49
51
  <li data-thumb="img/stop1.jpeg"><img src="img/stop1.jpeg" alt="1" /></li>
50
52
  <li data-thumb="img/stop2.jpeg"><img src="img/stop2.jpeg" alt="2" /></li>
@@ -53,6 +55,7 @@
53
55
  <li data-thumb="img/stop5.jpeg"><img src="img/stop5.jpeg" alt="5" /></li>
54
56
  <li data-thumb="img/stop6.jpeg"><img src="img/stop6.jpeg" alt="6" /></li>
55
57
  </ul>
58
+ </div>
56
59
  </body>
57
60
  </html>
58
61
  ```
@@ -84,16 +87,4 @@
84
87
  jQuery(function($){
85
88
  $('a[data-rel^=lightcase]').lightcase();
86
89
  });
87
- ```
88
- ```Error
89
- style.js:91 Uncaught TypeError: $(...).lightcase is not a function
90
- at HTMLDocument.<anonymous> (style.js:91)
91
- at j (jquery.min.js:2)
92
- at Object.fireWith [as resolveWith] (jquery.min.js:2)
93
- at Function.ready (jquery.min.js:2)
94
- at HTMLDocument.K (jquery.min.js:2)
95
- ```
96
- ```Error
97
- A cookie associated with a cross-site resource at http://youtube.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
98
- (index):1 A cookie associated with a cross-site resource at https://youtube.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
99
90
  ```

4

lightcase追加

2020/06/11 12:10

投稿

osarusam
osarusam

スコア19

title CHANGED
File without changes
body CHANGED
@@ -80,6 +80,10 @@
80
80
  loop: true
81
81
  });
82
82
  });
83
+ // 画像拡大 lightcase
84
+ jQuery(function($){
85
+ $('a[data-rel^=lightcase]').lightcase();
86
+ });
83
87
  ```
84
88
  ```Error
85
89
  style.js:91 Uncaught TypeError: $(...).lightcase is not a function

3

その他のエラー

2020/06/11 11:35

投稿

osarusam
osarusam

スコア19

title CHANGED
File without changes
body CHANGED
@@ -27,9 +27,11 @@
27
27
  <title>〜</title>
28
28
  <link rel="stylesheet" media="all" href="css/ress.min.css" />
29
29
  <link type="text/css" rel="stylesheet" href="css/lightslider.css" />
30
+ <link type="text/css" rel="stylesheet" href="css/lightcase.css" />
30
31
  <link rel="stylesheet" media="all" href="css/style.css" />
31
32
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
32
33
  <script src="js/lightslider.js"></script>
34
+ <script src="js/lightcase.js"></script>
33
35
  <script src="js/style.js"></script>
34
36
  </head>
35
37
  <body>
@@ -86,4 +88,8 @@
86
88
  at Object.fireWith [as resolveWith] (jquery.min.js:2)
87
89
  at Function.ready (jquery.min.js:2)
88
90
  at HTMLDocument.K (jquery.min.js:2)
91
+ ```
92
+ ```Error
93
+ A cookie associated with a cross-site resource at http://youtube.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
94
+ (index):1 A cookie associated with a cross-site resource at https://youtube.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
89
95
  ```

2

問題の症状追記です

2020/06/11 11:32

投稿

osarusam
osarusam

スコア19

title CHANGED
File without changes
body CHANGED
@@ -13,6 +13,11 @@
13
13
  何かおかしなところがあればご教示いただければ幸いです。
14
14
  よろしくお願い致します。
15
15
 
16
+ ※追記です。
17
+ Google Chromeブラウザ上で
18
+ [Ctrl]+[F5]スーパーリロードを押すとサムネイルしか表示されず、
19
+ その後[Ctrl]+[R]キーで再読み込みをすると、サムネイルではなくきちんとスライダーの画像が表示されます。
20
+
16
21
  ```HTML
17
22
  <!doctype html>
18
23
  <html lang="ja">

1

エラー内容

2020/06/11 10:47

投稿

osarusam
osarusam

スコア19

title CHANGED
File without changes
body CHANGED
@@ -73,4 +73,12 @@
73
73
  loop: true
74
74
  });
75
75
  });
76
+ ```
77
+ ```Error
78
+ style.js:91 Uncaught TypeError: $(...).lightcase is not a function
79
+ at HTMLDocument.<anonymous> (style.js:91)
80
+ at j (jquery.min.js:2)
81
+ at Object.fireWith [as resolveWith] (jquery.min.js:2)
82
+ at Function.ready (jquery.min.js:2)
83
+ at HTMLDocument.K (jquery.min.js:2)
76
84
  ```