jquery点击改变背景图片
varimage=newArray(12);varn=0;image[0]="images/top.png";<!--图片切换效果-->$(document).ready...
var image=new Array(12);
var n=0;
image[0]="images/top.png";
<!--图片切换效果-->
$(document).ready(function(){
$(".button").click(function(){
$(".slider_image").fadeOut(1000,function(){$(".slider_image").css("background-image","url(image[n])");$(".slider_image").fadeIn();
});
});});
这是我写的代码,想利用数组保存图片地址,然后点击后让图片先淡出至隐藏再改变background-image属性来改变图片再让图片显示出来,现在的问题就是图片能正常淡出,但后面却不能显示出来 有没改变也不知道 求教该怎么改 展开
var n=0;
image[0]="images/top.png";
<!--图片切换效果-->
$(document).ready(function(){
$(".button").click(function(){
$(".slider_image").fadeOut(1000,function(){$(".slider_image").css("background-image","url(image[n])");$(".slider_image").fadeIn();
});
});});
这是我写的代码,想利用数组保存图片地址,然后点击后让图片先淡出至隐藏再改变background-image属性来改变图片再让图片显示出来,现在的问题就是图片能正常淡出,但后面却不能显示出来 有没改变也不知道 求教该怎么改 展开
1个回答
展开全部
css("background-image","url(image[n])");
问题出在这里了吧!
你这么写不相当于 background-image:url(image[n]) 了么?
这样试试:
$(".slider_image").css("background-image","url("+image[n]+")");
问题出在这里了吧!
你这么写不相当于 background-image:url(image[n]) 了么?
这样试试:
$(".slider_image").css("background-image","url("+image[n]+")");
追问
嗯 这样是成功了,为什么加了个“+就可以了呢?
追答
因为你需要使用的是变量的值!
之前那样写,是把变量名当做字符串使用了,无法得到变量值。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询