teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問bxsliderが意図しない方向に動く（一部のブラウザのみ）

編集履歴

質問編集履歴

10

コードを整形しました

2016/05/16 04:40

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -14,9 +14,7 @@
14
14
 
15
15
  普段は右から左へとスライドが動くのですが、拡大した状態だと逆方向に動き、挙動がおかしくなります。
16
16
 
17
-
18
-
19
- ```lang-html
17
+ ```html
20
18
 
21
19
  <!doctype html>
22
20
 
@@ -58,10 +56,18 @@
58
56
 
59
57
  <body>
60
58
 
59
+ <ul class="bxslider">
60
+
61
+ <li><img src="hoge1.jpg" /></li>
62
+
63
+ <li><img src="hoge2.jpg" /></li>
64
+
65
+ <li><img src="hoge3.jpg" /></li>
66
+
61
- <ul class="bxslider">   <li><img src="hoge1.jpg" /></li>   <li><img src="hoge2.jpg" /></li>   <li><img src="hoge3.jpg" /></li>   <li><img src="hoge4.jpg" /></li> </ul>
67
+ <li><img src="hoge4.jpg" /></li> </ul>
62
68
 
63
69
  </body>
64
70
 
65
71
  </html>
66
72
 
67
- 
```
73
+ 
```

9

2016/05/16 04:40

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -18,43 +18,39 @@
18
18
 
19
19
  ```lang-html
20
20
 
21
-
22
-
23
- <!doctype html>
21
+ <!doctype html>
24
22
 
25
23
  <html>
26
24
 
27
25
  <head>
28
26
 
29
- <meta charset="UTF-8">
27
+ <meta charset="UTF-8">
30
28
 
31
29
  <title></title>
32
30
 
33
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
31
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
34
32
 
35
- <script src="/js/jquery.bxslider.min.js"></script>
36
-
37
- <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
33
+ <script src="/js/jquery.bxslider.min.js"></script> <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
38
34
 
39
35
  <script>
40
36
 
41
37
  $(document).ready(function(){
42
38
 
43
- $('.bxslider').bxSlider({
39
+ ('.bxslider').bxSlider({     
44
40
 
45
- slideWidth: 200,
41
+ slideWidth: 200,     
46
42
 
47
- minSlides: 2,
43
+ minSlides: 2,     
48
44
 
49
- maxSlides: 3,
45
+ maxSlides: 3,     
50
46
 
51
- useCSS:false,
47
+ useCSS:false,     
52
48
 
53
- slideMargin: 10
49
+ slideMargin: 10   
54
50
 
55
- });
51
+ });
56
52
 
57
- });
53
+ });
58
54
 
59
55
  </script>
60
56
 
@@ -62,22 +58,10 @@
62
58
 
63
59
  <body>
64
60
 
65
- <ul class="bxslider">
66
-
67
- <li><img src="hoge1.jpg" /></li>
68
-
69
- <li><img src="hoge2.jpg" /></li>
61
+ <ul class="bxslider">   <li><img src="hoge1.jpg" /></li>   <li><img src="hoge2.jpg" /></li>   <li><img src="hoge3.jpg" /></li>   <li><img src="hoge4.jpg" /></li> </ul>
70
-
71
- <li><img src="hoge3.jpg" /></li>
72
-
73
- <li><img src="hoge4.jpg" /></li>
74
-
75
- </ul>
76
62
 
77
63
  </body>
78
64
 
79
65
  </html>
80
66
 
81
-
82
-
83
67
  
```

8

2016/05/16 04:01

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,4 @@
1
1
  macOS X10.11 safari9もしくは8で閲覧した際、ブラウザの拡大機能を二回か三回くらい押した状態で見たときにタイトルのような状態になります。
2
-
3
-
4
-
5
- 普段は右から右へとスライドが動くのですが、拡大した状態だと逆方向に動き、挙動がおかしくなります。
6
2
 
7
3
 
8
4
 
@@ -14,7 +10,15 @@
14
10
 
15
11
 
16
12
 
13
+ 追記:具体的にどういったことかといいますと、
14
+
15
+ 普段は右から左へとスライドが動くのですが、拡大した状態だと逆方向に動き、挙動がおかしくなります。
16
+
17
+
18
+
17
19
  ```lang-html
20
+
21
+
18
22
 
19
23
  <!doctype html>
20
24
 
@@ -74,4 +78,6 @@
74
78
 
75
79
  </html>
76
80
 
81
+
82
+
77
83
  
```

7

2016/05/16 03:54

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,8 @@
1
1
  macOS X10.11 safari9もしくは8で閲覧した際、ブラウザの拡大機能を二回か三回くらい押した状態で見たときにタイトルのような状態になります。
2
+
3
+
4
+
5
+ 普段は右から右へとスライドが動くのですが、拡大した状態だと逆方向に動き、挙動がおかしくなります。
2
6
 
3
7
 
4
8
 
@@ -10,7 +14,7 @@
10
14
 
11
15
 
12
16
 
13
- ```html
17
+ ```lang-html
14
18
 
15
19
  <!doctype html>
16
20
 

6

2016/05/16 03:45

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- ```lang-html
13
+ ```html
14
14
 
15
15
  <!doctype html>
16
16
 

5

2016/05/16 03:43

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -10,13 +10,17 @@
10
10
 
11
11
 
12
12
 
13
+ ```lang-html
13
14
 
14
-
15
- ```lang-html
15
+ <!doctype html>
16
16
 
17
17
  <html>
18
18
 
19
19
  <head>
20
+
21
+ <meta charset="UTF-8">
22
+
23
+ <title></title>
20
24
 
21
25
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
22
26
 

4

2016/05/16 03:43

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -13,8 +13,6 @@
13
13
 
14
14
 
15
15
  ```lang-html
16
-
17
-
18
16
 
19
17
  <html>
20
18
 

3

2016/05/16 03:07

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,9 @@
12
12
 
13
13
 
14
14
 
15
- ```lang-HTML
15
+ ```lang-html
16
+
17
+
16
18
 
17
19
  <html>
18
20
 

2

2016/05/16 00:05

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- ```HTML
15
+ ```lang-HTML
16
16
 
17
17
  <html>
18
18
 

1

2016/05/16 00:03

投稿

southern_flavor
southern_flavor

スコア70

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- ```html
15
+ ```HTML
16
16
 
17
17
  <html>
18
18