Question

目前我正在尝试使用Angular js（v1.2.11）和twitter bootsrap（v2.3.2）来实现轮播。轮播的代码就像

HTML code：

<div  ng-controller="CarouselCtrl" id="mainCarousel">
       
            <carousel interval="myInterval">
                <slide ng-repeat="slide in slidesphone" active="slide1.active">
                    <img ng-src="{{slide.image}}" class="contactMarqueeNew">
                    <div class="carousel-caption" style="text-align: left !important;">
                       <div class="textWhite">{{slide.message1}} <br></br> </div>
                      <div class="textWhite">{{slide.message2}}</div>
                    </div>
                </slide>
            </carousel>
 </div>

Javascript代码： - $ scope.myInterval = 5000;

$ scope.slidesphone = [{ 图片：'images / sp-marquee-Home-01.png'， message1：'LabWorx利用移动优先技术'， message2：'为平板电脑优化myAT＆amp; T' }，{ 图像：'images / sp-marquee-Home-02.png'， message1：'让数字体验变得个性化'， message2：'人性，语境和无缝' }，{ 图像：'images / sp-marquee-Home-03.png'， message1：'评估尖端技术'， message2：'对于每个LabWorx原型' }，{ 图片：'images / sp-marquee-Home-04.png'， message1：'让客户毫不费力地遍历'， message2：'AT＆amp; T数字属性' }
];

$scope.myInterval = 5000;
    

   $scope.slidesphone = [{
        image: 'images/sp-marquee-Home-01.png',
        message1: 'TXT1',
        message2: 'TXT2'
    }, {
        image: 'images/sp-marquee-Home-02.png',
       message1: 'TXT1',
        message2: 'TXT2'
    },{
        image: 'images/sp-marquee-Home-03.png',
        message1: 'TXT1',
        message2: 'TXT2'
    },{
        image: 'images/sp-marquee-Home-04.png',
        message1: 'TXT1',
        message2: 'TXT2'
    }    
    ];

代码在eclipse内部浏览器和IE11上运行良好。但旋转木马箭头在chrome和firefox中不起作用。此外，自动图像移动适用于Chrome和Firefox上的两个图像。请告诉我如何解决问题的方法。

Bootstrap Carousel在chrome和firefox上无法正常工作

0 个答案: