我一直在尝试通过 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");
}
非常感谢任何帮助!