Error: Object [object Object] has no method 'Fade0ut
Bonjour, je veux créer un slider d'image en javascript et jquery voila mon code dans le fichier slider.js il me donne l'erreur que la foction fadeOut ne marche pas
et voila mon code:
sliderInt=1;
sliderNext=2;
$(document).ready(function(){$("#slider >Img#1").fadeIn(300);
startSlider();
})
function startSlider(){
count=$("#slider >img").size();
loop=setInterval(function(){
if(sliderNext>count)
{sliderNext=1;
sliderInt=1;}
$('#slider>img').Fade0ut('slow',0.25);
$('#slider>img#'+sliderNext).FadeIn('slow',0.25);
sliderInt=sliderNext;
sliderNext=sliderNext+1;
},3000)
}
function prev(){
newSlide=silderInt-1;
showSlide(newSlide);
}
function next(){
newSlide=silderInt+1;
showSlide(newSlide);
}
function stopLoop(){
window.clearInterval(loop)
}
function showSlide(id){
stopLoop();
if (id>count)
{id=1;
}
else if (id<1){
id=count;
}
$("#slider>img").FadeOut('slow',0.25);
$("#slider>img#"+id).fadeIn('slow',0.25);
sliderInt=id;
sliderNext=1;
startSlider();
}
et voila mon code:
sliderInt=1;
sliderNext=2;
$(document).ready(function(){$("#slider >Img#1").fadeIn(300);
startSlider();
})
function startSlider(){
count=$("#slider >img").size();
loop=setInterval(function(){
if(sliderNext>count)
{sliderNext=1;
sliderInt=1;}
$('#slider>img').Fade0ut('slow',0.25);
$('#slider>img#'+sliderNext).FadeIn('slow',0.25);
sliderInt=sliderNext;
sliderNext=sliderNext+1;
},3000)
}
function prev(){
newSlide=silderInt-1;
showSlide(newSlide);
}
function next(){
newSlide=silderInt+1;
showSlide(newSlide);
}
function stopLoop(){
window.clearInterval(loop)
}
function showSlide(id){
stopLoop();
if (id>count)
{id=1;
}
else if (id<1){
id=count;
}
$("#slider>img").FadeOut('slow',0.25);
$("#slider>img#"+id).fadeIn('slow',0.25);
sliderInt=id;
sliderNext=1;
startSlider();
}