bxSlider-复杂的图像控件

编程问答 2022-06-09

问题描述

bxSlider是否可以实现以下目标？

桌面：

enter image description here

手机：

enter image description here

我通过上传基本上看起来像台式机版本的单个图像获得了台式机版本。当我尝试以下移动设备时：

@media (max-width: 599px) {
      .bx-wrapper ul li img{ 
        height: 400px; 
        object-fit: cover;
      }
}

我得到这样的东西：

enter image description here

现在，我了解到这部分是b / c，我上传了1张图片，但是我想知道我是否可以完全使用bxSlider达到这种移动效果。

<li><img src="img/image1.png">
<div class="caption1"><p>image1</p></div>
</li>

<li> <img src="img/image2.png">
<div class="caption2"><p> image2 </p> </div>
<div class="caption3">caption </div>
</li>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bxsliderimage-sizepositioningsliderslider