質問編集履歴
2
<code>でHTMLとCSSのタグを囲みました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
FlesSlidew2
|
|
22
22
|
http://flexslider.woothemes.com/
|
|
23
23
|
|
|
24
|
+
```ここに言語を入力
|
|
24
25
|
<!--HTMLソースコード -->
|
|
25
26
|
<!DOCTYPE HTML>
|
|
26
27
|
<html lang="ja">
|
|
@@ -59,7 +60,9 @@
|
|
|
59
60
|
</div>
|
|
60
61
|
<!--省略-->
|
|
61
62
|
<!-- /HTMLソースコードここまで -->
|
|
63
|
+
```
|
|
62
64
|
|
|
65
|
+
```ここに言語を入力
|
|
63
66
|
<!-- css/flexslider.cssファイル内196行目 -->
|
|
64
67
|
.flex-control-nav {
|
|
65
68
|
width: 100%;
|
|
@@ -68,6 +71,7 @@
|
|
|
68
71
|
text-align: center;→こちらをtext-align:right;に変更しました。
|
|
69
72
|
}
|
|
70
73
|
<!-- /css/flexslider.css -->
|
|
74
|
+
```
|
|
71
75
|
|
|
72
76
|
jsファイルは特に触っておりませんが、
|
|
73
77
|
このような感じで分かりますでしょうか？
|
1
URLとソースコードを追記しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -14,4 +14,60 @@
|
|
|
14
14
|
番号は出現せずうまく寄ってくれます。
|
|
15
15
|
|
|
16
16
|
どなたか、黒丸を右に寄せる方法をご存知のかたがいらっしゃいましたら、
|
|
17
|
-
お教え頂けますと助かります。
|
|
17
|
+
お教え頂けますと助かります。
|
|
18
|
+
|
|
19
|
+
※追記部分※
|
|
20
|
+
↓こちらのサイトからダウンロードしました。
|
|
21
|
+
FlesSlidew2
|
|
22
|
+
http://flexslider.woothemes.com/
|
|
23
|
+
|
|
24
|
+
<!--HTMLソースコード -->
|
|
25
|
+
<!DOCTYPE HTML>
|
|
26
|
+
<html lang="ja">
|
|
27
|
+
<head>
|
|
28
|
+
|
|
29
|
+
<!--省略-->
|
|
30
|
+
|
|
31
|
+
<!-- css -->
|
|
32
|
+
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
|
|
33
|
+
<link rel="stylesheet" media="all" href="css/style.css" />
|
|
34
|
+
|
|
35
|
+
<!-- js -->
|
|
36
|
+
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
|
|
37
|
+
<script src="js/jquery.flexslider.js"></script>
|
|
38
|
+
<script>
|
|
39
|
+
$(function(){
|
|
40
|
+
//class="flexslider"をスライダーにする
|
|
41
|
+
$('.flexslider').flexslider();
|
|
42
|
+
});
|
|
43
|
+
</script>
|
|
44
|
+
</head>
|
|
45
|
+
<body>
|
|
46
|
+
|
|
47
|
+
<!--省略-->
|
|
48
|
+
|
|
49
|
+
<div class=" flexslider">
|
|
50
|
+
<ul class="slides">
|
|
51
|
+
<li><img src="img/main_image_1.jpg" class="mainimage" alt="メイン画像1"></li>
|
|
52
|
+
<li><img src="img/main_image_2.jpg" class="mainimage" alt="メイン画像2"></li>
|
|
53
|
+
<li><img src="img/main_image_3.jpg" class="mainimage" alt="メイン画像3"></li>
|
|
54
|
+
<li><img src="img/main_image_4.jpg" class="mainimage" alt="メイン画像4"></li>
|
|
55
|
+
<li><img src="img/main_image_5.jpg" class="mainimage" alt="メイン画像5"></li>
|
|
56
|
+
<li><img src="img/main_image_6.jpg" class="mainimage" alt="メイン画像6"></li>
|
|
57
|
+
<li><img src="img/main_image_7.jpg" class="mainimage" alt="メイン画像7"></li>
|
|
58
|
+
</ul>
|
|
59
|
+
</div>
|
|
60
|
+
<!--省略-->
|
|
61
|
+
<!-- /HTMLソースコードここまで -->
|
|
62
|
+
|
|
63
|
+
<!-- css/flexslider.cssファイル内196行目 -->
|
|
64
|
+
.flex-control-nav {
|
|
65
|
+
width: 100%;
|
|
66
|
+
position: absolute;
|
|
67
|
+
bottom: -40px;
|
|
68
|
+
text-align: center;→こちらをtext-align:right;に変更しました。
|
|
69
|
+
}
|
|
70
|
+
<!-- /css/flexslider.css -->
|
|
71
|
+
|
|
72
|
+
jsファイルは特に触っておりませんが、
|
|
73
|
+
このような感じで分かりますでしょうか？
|