Carrossel não funciona. Erros aparecem no console.

Fala ai Mariana, tudo bem? O problema está no caminho para importar o seu arquivo slick.min.js.

Seu código atual:

<script src="slick/slick.min.js"></script>

Mas, a pasta slick está dentro de uma pasta chamada slick-1.6.0, então o caminho de importação completo deveria ser:

<script src="slick-1.6.0/slick/slick.min.js"></script>

Acho que essa alteração pode resolver seu problema.

Espero ter ajudado.

Fiz este reparo, mas o carrossel ainda não aparece. Agora o console relata este erro:

whos.amung.us/swidget/newapp03.png:1 GET https://whos.amung.us/swidget/newapp03.png net::ERR_BLOCKED_BY_CLIENT

Isto tem a ver com a questão de permissão de aulas passadas?

Estranho Mariana, aqui eu baixei seu projeto e apenas fiz essa alteração.

Onde você está acessando o projeto? É no seu trabalho?

Precisa ver se não tem nenhum proxy configurado para barrar esse tipo de download.

Verifica também se não pode ser algum anti virus bloqueando a requisição.

Espero ter ajudado.

Obrigada pelo retorno, Matheus,

estou acessando o projeto do meu notebook pessoal, mesmo. Estou usando o navegador Chrome com um adblock instalado. Desliguei-o na aba do projeto e os erros sumiram. Mas os sliders ainda não funcionam. Eles funcionam aí?

Fala ai Mariana, não, aqui não estava funcionando, repare no trecho de código dos slide:

<div class="">
    <img src="img/slide1.png" class="imagem-jogo">
    <img src="img/slide2.png" class="imagem-jogo">
    <img src="img/slide3.png" class="imagem-jogo">
</div>

Repare que faltou você adicionar a classe .slider para sua div, ficando:

<div class="slider">
    <img src="img/slide1.png" class="imagem-jogo">
    <img src="img/slide2.png" class="imagem-jogo">
    <img src="img/slide3.png" class="imagem-jogo">
</div>

Mas, porque a classe slider, vamos olhar seu slider.js:

$(function(){
    $(".slider").slick( {
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 1,
        adaptiveHeight: true
    });
});

Aqui é onde você procura a classe slider.

Obs: Aqui para mim os slides ficaram sem estilos, faltou importar os arquivos .css so slick:

<link href="slick-1.6.0/slick/slick.css" rel="stylesheet">
<link href="slick-1.6.0/slick/slick-theme.css" rel="stylesheet">

Espero ter ajudado.

Era isso mesmo, Matheus, o meu erro estava em não ter "completado" o html. Fiz o recomendado e deu certo. Obrigada!

Boa Mariana, fico feliz que tenha resolvido o problema.

Sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.