Bx滑块第二张幻灯片未在移动设备上显示

在我的bx滑块上遇到了一些麻烦。它可以在台式机上正常工作，甚至可以很好地将桌面屏幕向下移动。但是当您使用移动设备时，第二张幻灯片图像会消失。Bx滑块第二张幻灯片未在移动设备上显示

目前，该网站在这里生活： http://mistleymanor.com/

我的HTML是：

<ul class="bxslider"> 
<li><img src="<?php echo get_template_directory_uri(); ?>/images/penthouse-bedroom.jpg" /></li> 
<li><img src="<?php echo get_template_directory_uri(); ?>/images/reception1.jpg" /></li> 
</ul> 

<!--BX Slider Plugin--> 
     <script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.bxslider.js"></script> 
     <script type="text/javascript"> 
       $('.bxslider').bxSlider({ 
      infiniteLoop: true, 
      auto: ($(".bxslider li").length > 1) ? true: false, 
      pager: ($(".bxslider li").length > 1) ? true: false, 
      controls: false 
     }); 

     </script>

林不知道怎么回事，如果有人可以帮助将是巨大的。

李

来源

2015-03-02 lbollu

我能够重现此问题上的Nexus 5将Chrome的设备模拟器似乎是在移动空白幻灯片包含宽度和高度设置为0

图像标记

<img src="http://mistleymanor.com/wp-content/themes/Mistley-Manor/images/[email protected]" width="0" height="0">

来源

2015-03-02 11:17:07 Remco

我设法只在移动设备上创建它，而不是使用Chromes仿真器。奇怪的是，我增加了宽度和高度，但仍然没有显示。 – lbollu 2015-03-03 09:46:28

Bx滑块第二张幻灯片未在移动设备上显示

回答

相关问题