[英]cross fade background image on click
这里的Java脚本代码是自动幻灯片图像,但是当我单击.box1类时,我需要将其转换为onclick代码。
当我单击box1时,类crosssfade仅对ID =#main中的背景图像有效。 交叉淡入淡出一定不会影响box1,并且在背景图像交叉淡入淡出时必须连续出现。
为了淡化背景图像,图像必须直接连接到图像文件夹。 为此,我需要连接#main中的图像文件夹和背景图像。
身体可以帮忙吗
var timer = setInterval(nextImage, 4000);
var curImage = 0;
var numImages = 5;
function nextImage() {
var e;
// remove showMe class from current image
e = document.getElementById("slideimg" + curImage);
removeClass(e, "showMe");
// compute next image
curImage++;
if (curImage > numImages - 1) {
curImage = 0;
}
// add showMe class to next image
e = document.getElementById("slideimg" + curImage);
addClass(e, "showMe");
}
function addClass(elem, name) {
var c = elem.className;
if (c) c += " "; // if not blank, add a space separator
c += name;
elem.className = c;
}
function removeClass(elem, name) {
var c = elem.className;
elem.className = c.replace(name, "").replace(/\s+/g, " ").replace(/^\s+|\s+$/g, ""); // remove name and extra blanks
}
检查以下JSfiddle更改clcik上的图像
http://jsfiddle.net/arunberti/cwP5Q/99/
在下面的代码中编写函数
$('#container').click(function() {
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.