ken burns pan / scan on bootstrap carousel

Question

我有一个简单的bootstrap轮播，并使用以下线程中的css添加了ken burns效果

Ken Burns on Twitter Bootstrap Carousel

使用静态图像可以正常工作

当我从mysqli记录集循环中获取图像时，我使用js将第一个图像设置为活动，但第一个图像（仅）不会更改

$(document).ready(function () {

  <!-- set first slide and its indicator to active to make slideshow work-->
  $('.carousel-inner .item:first').addClass('active');
  $('.carousel-inner .item:first').addClass('inactiveUntilOnLoad');
  $(".carousel-indicators li:first").addClass("active");

  $('.item').removeClass('inactiveUntilOnLoad');

});

是谁试过这个？

Answer 1

我通过将.addClass代码放在

中来修复它

$（document）.ready（function（）{}）;

和

$（＆＃39; .item＆＃39）。removeClass（＆＃39; inactiveUntilOnLoad＆＃39）;在$（window）.load（function（）{}）;

中