モバイル Web サイトの次のコンテンツと前のコンテンツのヒントを示す、レスポンシブで高さを調整できるカルーセルが必要です。いくつかの調査の後、bxslider にたどり着きました。これは、私のすべてのニーズをほぼ満たしています。
残念ながら、カルーセルを作成して幅に自動的に合わせることができませんでした。現時点では、このような醜い静的ハックを強制的に通過することができました...
$('.bx-wrapper').first().css('max-width', '240px');
ライブラリの選択またはアプローチが間違っている可能性がありますが、自分でカルーセルを作成せずにそれを行う方法がわかりません...
わかりました、スライド幅の計算を追加/変更することで解決策を思いつきました。ライブラリ内でスライドをスライドさせる必要があります。
ローカルの変更が完了したら、github で共有します。:)
更新: 変更を github にアップロードしました ~> https://github.com/Gumbagubanga/bxslider-4/tree/develop
レスポンシブが滑らかになるように、bxslider の幅を (max-width に) 更新する必要があります...
しかし、現在の状態を修正するために私がしたことはこれです：
.galleryWrapper {
margin: 0 auto;
max-width: 240px;
}
.galleryWrapper .bx-viewport {
padding-left: 20px;
width: inherit !important
}