Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou a um tempo tentando criar um slider personalizado.
De fato, eu até consegui e coloquei no codepen. https://codepen.io/carcleo/pen/yLVOxMv
Mas uma implementação não estou conseguindo fazer.
Nos sliders prontos que pegamos na web, ao redimencionar manualmente o navegador, a UL que abriga as LI's com os Slides, se redimenciona junto e isso não acontece com o meu, Isto é, ao diminuir a janela do navegador, as imagens acompanham o tamanho das LIs, mas como não consigo redimencinar a UL junto os slides acabam se mostrando de forma errada.
Não consegui uma forma de fazer o CSS fazer esse serviço. Só consegui com JS.
Se alguém puder ajudar?
Obs.: não quero copiar da internet, meu objetivo é entender a logica da coisa
Não amigo. Queria deixar responsivo de forma tal que se você for arrastando a lateral do navegador e ir diminuindo sua largura gradativamente, o conteúdo vá se adaptando. Com CSS, isso vai bem. Mas não consegui faze só com CSS. Então o JavaScript parece que não acompanha!
>
53 minutos atrás, Carcleo disse:
Com CSS, isso vai bem. Mas não consegui faze só com CSS. Então o JavaScript parece que não acompanha!
De qualquer forma vai precisar usar algumas regras de media.
>
Em 11/02/2021 at 08:37, Carcleo disse:
Obs.: não quero copiar da internet, meu objetivo é entender a logica da coisa
Então de uma estudada nesses artigos:
https://developer.mozilla.org/pt-BR/docs/Web/API/Window/resize_event
https://developer.mozilla.org/pt-BR/docs/Web/API/HTMLElement/offsetWidth
https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth
Movendo para área correta. Sua pergunta nada tem haver com PHP.
PHP -> CSS
Se pretende só redimensionar de acordo com a largura da tela não poderia usar media queries ?