Aparentemente, o código está correto, é o seguinte:
{
if( $(".ativo").next().size() )
{
$(".ativo").fadeOut().removeClass("ativo").next().fadeIn().addClass("ativo")
}
else
{
$(".ativo").fadeOut().removeClass("ativo");
$("#slide img").eq(0).fadeIn().addClass("ativo")
}
E o html atual:
<div id="slide">
<a href="CURSOS.html"><img id="slideIMG1" src="IMAGENS/mao (370px) - Final.jpg" width="1155" height="370" alt=""/></a>
<a href="#"><img id="slideIMG2" src="IMAGENS/picjumbo (370px).jpg" width="1155" height="370" alt=""/></a>
</div>
.ativo
no seu html? E o seletor da imagem está com o índice fixo$("#slide img").eq(0)
. Vai sempre pegar a primeira imagem.eq(0)
, então esse seletor é filtrado para se aplicar somente ao primeiro resultado previamente selecionado (i.e. se"#slide img"
selecionou duas imagens, oeq(0)
vai fazer com que só a primeira continue como parte do conjunto).ativo
é uma classe aplicada à imagem em si ou ao link (a
)? Se for aoimg
, acho que identifiquei seu problema... (nenhuma imagem aí temnext
, elas são filhas únicas do seua
)