2

我是一个简单的网页设计师和技术作家，我的任务是为我客户的 Jive 网站上的四个页面创建轮播。

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

我已编辑该代码并将其放置在 Jive 概述页面上。图像在 Chrome 中完美显示和旋转，但在 IE9 中无法显示和旋转，在 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>
4

0 回答 0