Javascript bxslider在手机上显示多个图像

我在这个网站上使用，我正在尝试编辑mobile（）上滑块上显示的图像数量，从1到3（从768px到320px）。我想我找对了地方，但我不知道如何改变幻灯片的显示

HTML

---

您需要在bxSlider设置中将

minSlides

设置为3，将

maxSlides

设置为6。这将确保无论屏幕大小，始终显示3张幻灯片，在较大屏幕上最多显示6张幻灯片。与

slideWidth

设置之间存在一些相互作用。这可能应该称为

slideMAXWidth

，因为它控制幻灯片的最大宽度，而不是实际宽度。实际宽度将根据屏幕大小和

minSlides

计算。谢谢，上面实际上有一些设置设置了最小/最大幻灯片，因此我可以通过这种方式进行更改。另一个问题，更多的CSS相关-在手机上，滑块上有一些正确的填充，在我的一生中，我不能删除它；你会在手机上看到整个主页都有填充，所以你可以在屏幕右侧看到空白。我已经隐藏了滑块并修复了它，你知道当滑块存在时，我怎样才能完全移除填充物吗？@vytfla不确定。我将结束这一个，并提出一个新问题。

<ul class="patient-slider">
   <?php
   $patients = get_post_meta($post->ID, 'ub_pmeta_1', true);
   foreach($patients as $patient){
   ?>
    <li><a href="<?php echo $patient['p_url']; ?>">
      <div class="thumbnail2">
        <p><img src="<?php echo $patient['p_image']; ?>" /></p>
        <div class="overlay">
          <h3><?php echo $patient['p_name']; ?></h3>
        </div>
      </div>
      </a></li>
    <?php } ?>  
  </ul>

jQuery('.patient-slider').bxSlider({minSlides: 6,maxSlides: maxSlides ,moveSlides:1,slideWidth: 335,slideMargin: 1,pager : false });