[英]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.