Question

我是一名简单的网页设计师和技术作家，他的任务是在我客户的Jive支持的网站上创建四页的旋转木马。

我使用了他们在此页面上已有的一些代码：https://communities.bmc.com/communities/community/bsm_initiatives。

我已编辑并将该代码放在Jive概述页面上。图像在Chrome中完美显示和旋转，但不是在IE9中，在那里我得到可怕的红色X或FF12，在那里你只能看到点）。

一页在这里：https://communities.bmc.com/communities/community/tap 所有页面上的代码都与图像不同。

我用两种方式测试了它，有相对和绝对链接，这似乎没有什么区别（不是我认为它会，但我们最近将网站从http更改为https，所以我认为值得一枪）。

代码如下。谢谢你的帮助！

<div id="container">
  <div id="bmc_banner">
    <ul class="bjqs">
      <li><a href="https://communities.bmc.com/communities/community/tap/product_directory?view=documents"><img src="https://communities.bmc.com/communities/servlet/JiveServlet/download/21201-6-31470099/Find-an-Integration.jpg" width="940" height="300" border="0"/></a></li>
      <li><a href="https://communities.bmc.com/communities/docs/DOC-19908"><img src="https://communities.bmc.com/communities/servlet/JiveServlet/download/21201-5-31470094/Market-Solutions.jpg" width="940" height="300" border="0"/></a></li>
      <li><a href="https://communities.bmc.com/communities/community/tap/technology_alliances_directory"><img src="https://communities.bmc.com/communities/servlet/JiveServlet/download/21201-5-31470091/TAP-Partners.jpg" width="940" height="300" border="0"/></a></li>
      <li><a href="http://www.bmc.com/education"><img src="https://communities.bmc.com/communities/servlet/JiveServlet/download/21201-5-31470096/BMC-Education.jpg" width="940" height="300" border="0"/></a></li>
    </ul>
  </div>      
</div>

<script src="https://communities.bmc.com/communities/themes/generated_advanced_skin_global/template/widget/7summits/scripts/basic-jquery-slider.min.js"></script>    
<script>
  $j(document).ready(function() {

    $j('#bmc_banner').bjqs({
      'animation' : 'fade',
      'width' : 940,
      'height' : 300,
      'showControls' : false,
      'animationDuration' : 1000,
      'rotationSpeed' : 6000
    });

  });
</script>

我的轮播图像不会显示在IE9或FF中

0 个答案: