如何在纯JavaScript滑块上使用jQuery效果？

我需要为学校项目创建纯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);
 }

---

您必须使用css不透明度来获得所需的效果…是的，我知道如何使用jQuery，但这里我想问的是如何在更改图像时添加jQuery效果？我想这样做，但没用..：（parent.appendChild（new_img）.fadeIn（）；或..setInterval（slideShow.fadeIn（），5000）；我想有办法，但我想不出来。