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