[英]How to use jQuery effects on pure JavaScript slider?
我需要为学校项目创建纯JS滑块,但是我做到了,但是我想在加载下一张图片时使用jQuery fadeIn()或任何其他效果,并且卡在了那里。 如果您有任何解决方案,请帮忙。
window.onload=function(){
var images=["img/slide1.png",
"img/slide2.png",
"img/slide3.png"],
i=0,
len=images.length-1,
parent=document.getElementById('slides'),
new_img=document.createElement('img');
function firstImg(){
new_img.src=images[0];
parent.appendChild(new_img);
}
firstImg();
var slideShow=function(){
i++;
if(i>len){
i=0;
}
new_img.src=images[i];
parent.appendChild(new_img);
return false;
};
setInterval(slideShow, 5000);
};
解决了! 我通过放置解决了问题:
$("#slides > img").fadeOut(0); // at start of function
$("#slides > img").fadeToggle(1000); // at end of function
您可以将jQuery放在javascript中语句结束的任何代码位置。 您只需要在使用jquery之前添加jquery库即可。 就像在firstimg函数中一样。
function firstImg(){
new_img.src=images[0];
//your jquery code like
// $('.selector').click(function(){
// alert('jquery works');
//})
parent.appendChild(new_img);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.