1

我一直在尝试通过 jQuery 对图像队列进行动画处理。出于某种原因,它忽略了我的 jquery 函数。图像将通过 JSON 数据动态加载到文档中。到目前为止,我能够加载图像并将每个 div 推送为下一个图像加载,这并不顺利。容器 div 调用#stream。每个图像都处于 div 类调用状态。

我试图在加载(循环)后将每个图像向左移动 270 像素。

图像模板

 queue.next(function(status, step) {
 var div = document.createElement('div');

 // create DOM element
 var div = document.createElement('div');
 div.className = 'status';
 var photo = status.images.standard_resolution.url; 
 div.innerHTML = '<img src="'+photo+'"/>';

 // add div to the top of the stream element (each new status is newer)
 document.getElementById('stream').insertBefore(div,     document.getElementById('stream').firstChild);

setTimeout(step, 1000);

});

我正在尝试使用的 jQuery

  $(window).ready(function(){
    animateTheBox();
   }); 

 function animateTheBox() {
    $(".status").animate({"left": "+=270px"},"slow");
  }

非常感谢任何帮助!

4

1 回答 1

0

在这里,您在 doument 就绪事件上调用您的动画函数

  $(window).ready(function(){
    animateTheBox();
   }); 

您应该animateTheBox();在加载图像后调用函数。

即在调用step中提到的函数中setTimeout(step, 1000);

于 2012-12-31T19:58:03.650 回答