Javascript 向当前脚本添加过渡效果
我有这段代码来更改url php输出的背景图片。有人能帮我将图片转换效果集成到这个脚本中吗Javascript 向当前脚本添加过渡效果,javascript,jquery,css,Javascript,Jquery,Css,我有这段代码来更改url php输出的背景图片。有人能帮我将图片转换效果集成到这个脚本中吗 setInterval(function fetchImage() { $.get("test.php", function(data){ // "data" is whatever your php script returns //console.log(data); // for debugging your php response
setInterval(function fetchImage() {
$.get("test.php", function(data){ // "data" is whatever your php script returns
//console.log(data); // for debugging your php response
var imageString = 'url(' + data + ') no-repeat'; // Build your background css string
$('td#banner').css('background',imageString); // assign the value of imageString to the td's background css property
});
}, 2000);
<td class="banner" id="banner">
</td>
setInterval(函数fetchImage(){
$.get(“test.php”,function(data){//“data”是php脚本返回的任何内容
//console.log(data);//用于调试php响应
var imageString='url('+data+')无重复';//构建您的背景css字符串
$('td#banner').css('background',imageString);//将imageString的值分配给td的background css属性
});
}, 2000);
调用似乎您必须确保将元素设置为显示:无
如果你想要背景图像淡入,而不是前景,那实际上有点难。您不能使用
背景图像
,您必须在其后面分层一个div,然后调用$.fadeIn
,您得到了什么错误?是否定义了数据
?执行if(data){var imageString….}
当前脚本。。。脚本运行良好,我需要添加淡入过渡效果。我真的不知道这一点。你能给我一个完整的代码示例吗?我不确定你不懂什么,只需在调用$('td#banner').css('background',imageString')的末尾添加.fadeIn()
,我不想发布完整的示例,我不会为你做这件事,我会让你看看能做些什么。看到了吗,我得到了那部分,我只是不知道如何使div工作,如何使div工作???请解释清楚。你是说我建议的不够好,你想用div的分层来代替吗?正如我在问题中提到的,这可能非常棘手,我无法花时间来准确地了解您需要什么。在你要求别人为你做这件事之前,你至少得试一下。也许会问一个新问题。。。但是在你问之前先试试…($('div#banner').css('background',imageString).fadeIn(4000)
)
$('td#banner').css({
'background-image': 'url(https://www.google.com/images/srpr/logo11w.png)',
display: 'none'
}).fadeIn(1000);