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滑塊第二張幻燈片未在移動設備上顯示

回答

相關問題