我正在寻找一个jQuery之旅,用于在类元素的单击事件上更改正文的背景图像(或100% - 高度“包装”div),具有交叉淡入淡出过渡效果。 可能吗? 提前谢谢。
答案 0 :(得分:3)
CSS:
*{margin:0;padding:0}
html ,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}
#bg{position:absolute;height:100%;width:100%;margin:0;padding:0;z-index:0}
HTML:
<div><img id="bg" src="image.jpg" alt="" /></div>
JQUERY
var images = ["home_photo_welshboy.jpg","home_photo_jam343.jpg"];
$(function() {
$('.change').click(function(e) {
var image = images[Math.floor(Math.random()*images.length)];
$('#bg').parent().fadeOut(200, function() {
$('#bg').attr('src', 'http://l.yimg.com/g/images/'+image);
$(this).fadeIn(200);
});
});
});