Criando Carrossel de Imagens com HTML, CSS e JavaScript (Slider, Carousel, Swiper API)

[@aflaviavilela]

Muito bom o vídeo, parabéns! Foi direto ao ponto, sem enrolação. Obrigada por compartilhar conhecimento.

[@lucasuk31]

Salvou demais. Rápido e eficaz, valeuuuuu !!!

[@will_dev]

Muito obrigado pelo feedback :D

[@keniacarolinee]

Vlw demais, Will. Tmj!

[@ninha601]

Ótima aula! obrigado.

[@JoaoPedro-jm8cb]

Como eu coloco ele automático?

[@patriciasantos-kh2gb]

amigo, explica como vc chegou nessa conclusao em JS !!! hahahaha Foi muito rapido, eu nao capitei. Mas, conteudo top demais!!!!

[@vasques3574]

da uma olhada na documentação, isso que ele fez foi para poder inicializar o swiper.

[@patriciasantos-kh2gb]

@@vasques3574 obrigada,vou fazer isso!!!!

[@Alexandre-dl3wp]

Muito obrigado meu rei, tutorial brabo!! Gostaria de tirar uma duvida, caso eu queria retirar aquelas duas setinhas do botão, é colocar o PNG de umas setinhas que eu tenho salvo no PC, eu conseguiria? Seria basicamente substituir aquelas duas setinhas azul, por outra que eu tenho salvo no PC

[@will_dev]

Acredito que sim, na api do swiper tem uns exemplos, só passar a class da div que tem esses itens na opção navigation do javascript

[@Alexandre-dl3wp]

@@will_dev Beleza meu rei, vou dar uma olhada, muito obrigado

[@Alexandre-dl3wp]

@@will_dev Tentei de todo jeito e não consegui KKKKKK Eu consigo colocar a outra setinha, mas a azul ainda fica por cima. Sabe o que pode ser?

[@a_sarahguerreiro]

@@Alexandre-dl3wp .swiper-button-prev::after, .swiper-button-next::after{ content: " "; } tenta isso no css ja pra usar a img que vc ja tem eu nao sei, porem eu deixo essas setonas padrao invisiveis e puxo incones da unicon apenas usando o link rel deles no meu head e usando o comando do icone que eu escolho no site deles, enfim, a vantagem é que tu pode colocar a cor que tu quiser nesse icone, pq ele é com fundo transparente

[@matheuziin9782]

video muito bom, obrigado!

[@brunosoares9399]

Obrigado Will!

[@will_dev]

Valeeu :D

[@RodrigoWeb6]

Muito útil! Valeu demais

[@eduardoassis552]

salvou muito valeu

[@a_sarahguerreiro]

Muito bom o video! Mas acho que ja atualizou e nao é mais assim que chama essa biblioteca. Aparentemente, agora, ao inves do link rel, vc cola esse codigo em algum lugr do codigo que ainda to tentando descobrir: // core version + navigation, pagination modules: import Swiper, { Navigation, Pagination } from 'swiper'; // import Swiper and modules styles import 'swiper/css'; import 'swiper/css/navigation'; import 'swiper/css/pagination';

[@will_dev]

Hmmm, obrigado por compartilhar :D

[@Luaarimitsu]

muito bom

[@simplificandoamusica8744]

Boa tarde !! Como entro em contato com vc ? Gostaria de mais umas dicas , ou aulas detalhasse sobre o swiper e eu acerto um valor com vc … te agradeço desde já pelo conteúdo disponibilizado

[@will_dev]

Opaa, infelizmente não tenho essa disponibilidade, mas agradeço o interesse

[@andredeniro]

css quebrou minha página toda, o que pode ser?

[@will_dev]

Tenta comparar com o código do repositório para ver se acha a diferença

[@Xxluisxit]

Irmão o meu também

[@luanmax2754]

E recomendado usar ? Ou e melhor criar do zero ? Eu percebi que e uma biblioteca de códigos prontos para facilitar a vida .. E isso mesmo ?

[@will_dev]

Isso mesmo! Não tem problemas em usar, é só mais fácil do que fazer tudo na mão.

[@luanmax2754]

@@will_dev pode fazer um tutorial mais explicado de como usar?

[@luanmax2754]

@@will_dev will vc teria algum meio de contato ?

[@walney2008]

como puxo do banco de dados mysql por exemplo ? para aprendendar produtos tipo esse oimenu ? (kzbin.info/www/bejne/jZO3hqqPi7GeiMk)

[@will_dev]

Tenho um vídeo aqui no canal Full Stack onde trabalho com MySQL