Question

关于jquery 改变CSS背景图片的问题 请教高手

CSS:
.main .top .top_mid .banner .banner_flash{ float:left; margin:5px 5px 0px 5px; width:990px; height:285px; display:inline; background:url(../images/1.jpg);}
JQUERY:
$(document).ready(function(){
//alert("ready!");
$(".banner .banbtn .sbtn").click(function(){
//alert("click!");
var picnum = $(this).attr("id");
//alert(picnum);
$(".banner .banner_flash").fadeOut();
$(".main .top .top_mid .banner .banner_flash").css('background','url(../images/"+picnum+".jpg)' );
$(".banner .banner_flash").fadeIn();
})
})
点击后不转换图片 请高手指教 谢谢
笔误 picnum两边是单引号

Answer 1

$(".main .top .top_mid .banner .banner_flash").css('background','url(../images/"+picnum+".jpg)' );

你这样写 当然不会换图片啊 ， 根本就找不到 名为 "+picnum+".jpg 的文件
你的 picnum 在这个路径职工根本就是一个字符串 而不是变量
改成 单引号
$(".main .top .top_mid .banner .banner_flash").css('background','url(../images/'+picnum+'.jpg)' );

追问

我上面说了是笔误 应该是单引号 但是变不了图片

追答

.css({'background':'url(../images/'+picnum+'.jpg)' })
加个{} 逗号改成 冒号 :

测试了 可以换

追问

试了下找不到图片

渐变效果一直可以就是找不到图片
我已经找到方法了 图片要用绝对路径才能找到
$(".main .top .top_mid .banner .banner_flash").css('background','url(/dygk/images/'+picnum+'.jpg)' )

这样可以了
不过还是谢谢你了

Answer 2

事件没有被执行吗？
把$(document).ready换成onload事件

追问

事件有执行 我那几个注释掉的语句运行都正确

追答

那你可以试试事件里能不能得到标签对象，alert当然是可以执行的。
看看得到对象木有

追问

如果把url(../images/"+picnum+".jpg)改成一个颜色 就能运行 就是图片不行