質問編集履歴

4

訂正

2017/06/21 05:25

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -42,19 +42,19 @@
42
42
 
43
43
  となりますが、これをhtml上に配置しようとするにもdivの中に入れられない?ようですし、divの外に書いてしまうとスライドが成り立たなくなってしまいます。<div></div>の間に既述する必要があるとは思いますが、
44
44
 
45
- <div style="background-image: url(images/image1.jpg);"><a href="#">image1</a></div>
45
+ <div style="background-image: url(img/image1.jpg);"><a href="#">image1</a></div>
46
46
 
47
47
 
48
48
 
49
49
  にすると、画面の上にimage1というリンクが貼られた文字が表示されるだけで絵全体にリンクは貼れませんし、
50
50
 
51
- <a href="#"><div style="background-image: url(images/image1.jpg);"></div></a>
51
+ <a href="#"><div style="background-image: url(img/image1.jpg);"></div></a>
52
52
 
53
53
 
54
54
 
55
55
  と、<a>で囲ってみると、image1だけ白紙になってしまいます。
56
56
 
57
- <div style="background-image: url(images/image1.jpg);" href="#">
57
+ <div style="background-image: url(img/image1.jpg);" href="#">
58
58
 
59
59
  なども試してみましたが違うようです。
60
60
 

3

codeの追加

2017/06/21 05:25

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  skipprのhtml
12
12
 
13
-
13
+ ```html
14
14
 
15
15
  <div id="container">
16
16
 
@@ -29,6 +29,8 @@
29
29
  </div>
30
30
 
31
31
  </div>
32
+
33
+ ```
32
34
 
33
35
 
34
36
 

2

誤記の訂正

2017/06/21 05:24

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -40,17 +40,21 @@
40
40
 
41
41
  となりますが、これをhtml上に配置しようとするにもdivの中に入れられない?ようですし、divの外に書いてしまうとスライドが成り立たなくなってしまいます。<div></div>の間に既述する必要があるとは思いますが、
42
42
 
43
- <div style="background-image: url(images/hero1.jpg);"><a href="image1.htmlなどのリンク先url">image1</a></div>
43
+ <div style="background-image: url(images/image1.jpg);"><a href="#">image1</a></div>
44
44
 
45
45
 
46
46
 
47
47
  にすると、画面の上にimage1というリンクが貼られた文字が表示されるだけで絵全体にリンクは貼れませんし、
48
48
 
49
- <a href="image1.htmlなどのリンク先url"><div style="background-image: url(images/hero1.jpg);"></div></a>
49
+ <a href="#"><div style="background-image: url(images/image1.jpg);"></div></a>
50
50
 
51
51
 
52
52
 
53
53
  と、<a>で囲ってみると、image1だけ白紙になってしまいます。
54
+
55
+ <div style="background-image: url(images/image1.jpg);" href="#">
56
+
57
+ なども試してみましたが違うようです。
54
58
 
55
59
 
56
60
 

1

htmlの追記、試した内容を追加

2017/06/21 05:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,49 @@
8
8
 
9
9
 
10
10
 
11
+ skipprのhtml
12
+
13
+
14
+
15
+ <div id="container">
16
+
17
+ <div id="theTarget">
18
+
19
+ <div style="background-image: url(img/image1.jpg)"></div>
20
+
21
+ <div style="background-image: url(img/image2.jpg)"></div>
22
+
23
+ <div style="background-image: url(img/image3.jpg)"></div>
24
+
25
+ <div style="background-image: url(img/image4.jpg)"></div>
26
+
27
+ <div style="background-image: url(img/image5.jpg)"></div>
28
+
29
+ </div>
30
+
31
+ </div>
32
+
33
+
34
+
11
- 例えば、このスライド写真が旅行先だったとして、表示された写真が建物写真であれば、そ建物った場ついて書いたページ砂浜であれば海へ行った時のページ飛ぶようにリンクと貼るなど、内部リンクを書いてみたいと考えています。
35
+ 例えば、このhtmlのスライド1枚目image1.jpgリンク先image1.htmlだった場に、のページ飛ぶようにたいと考えています。通常だと、
36
+
37
+ <a href="image1.htmlなどのリンク先url">image1</a>
38
+
39
+
40
+
41
+ となりますが、これをhtml上に配置しようとするにもdivの中に入れられない?ようですし、divの外に書いてしまうとスライドが成り立たなくなってしまいます。<div></div>の間に既述する必要があるとは思いますが、
42
+
43
+ <div style="background-image: url(images/hero1.jpg);"><a href="image1.htmlなどのリンク先url">image1</a></div>
44
+
45
+
46
+
47
+ にすると、画面の上にimage1というリンクが貼られた文字が表示されるだけで絵全体にリンクは貼れませんし、
48
+
49
+ <a href="image1.htmlなどのリンク先url"><div style="background-image: url(images/hero1.jpg);"></div></a>
50
+
51
+
52
+
53
+ と、<a>で囲ってみると、image1だけ白紙になってしまいます。
12
54
 
13
55
 
14
56