回答編集履歴
3
修正
test
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
この情報だけでは具体的な原因はちょっと分かりかねますが、.bx-wrapper img のmax-widthに100%が設定されているからかな...？上に寄っているときに、chromeのデバッガ等でその要素にどんなCSSが適用されているかを調べてみると解決の糸口になるかと思います。
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
このスライダーのプラグインはよく知りませんが、
|
|
6
|
-
|
|
7
|
-
たぶんサイズの違う画像を使うことは想定されていないのではと思います。
|
|
8
2
|
|
|
9
3
|
|
|
10
4
|
|
2
追記
test
CHANGED
|
@@ -16,4 +16,10 @@
|
|
|
16
16
|
|
|
17
17
|
(1)全て同じサイズの画像を用意する
|
|
18
18
|
|
|
19
|
-
(2)スライダーの<li>要素に<img>を挿入するのではなく、同じサイズの空要素(<div>など)を入れておき、その要素のbackgroundに画像を指定する
|
|
19
|
+
(2)スライダーの<li>要素に<img>を挿入するのではなく、同じサイズの空要素(<div>など)を入れておき、その要素のbackgroundに画像を指定する。あとは、background-positionとかbackground-sizeとかいじればどうにでもなる。
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
1
追記
test
CHANGED
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
と
|
|
11
|
+
スライダーのjsをちょっと改造すれば解決できそうですが、
|
|
12
12
|
|
|
13
|
-
以下の方法のどちらかでやりたいことはとりあえず実現できるかと思います。
|
|
13
|
+
難しそうなら以下の方法のどちらかでやりたいことはとりあえず実現できるかと思います。
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
(1)全て同じサイズの画像を用意する
|
|
18
18
|
|
|
19
|
-
(2)
|
|
19
|
+
(2)スライダーの<li>要素に<img>を挿入するのではなく、同じサイズの空要素(<div>など)を入れておき、その要素のbackgroundに画像を指定する
|