Logo Hardware.com.br
ulfsark93
ulfsark93 Novo Membro Registrado
8 Mensagens 1 Curtida

[Resolvido] Problema com galeria de imagens responsiva

#1 Por ulfsark93 03/10/2016 - 16:53
Olá Pessoal. Tudo bem?

Peço desculpas por estar correndo aqui de novo para pedir ajuda para vocês. choramingando.gif
É que são coisas que não consegui resolver sozinho pessoal, e aqui no fórum encontro a esperança para ajuda que preciso.


Então, estou estudando por conta HTML5 e CSS3. para isso peguei um template do w3layouts e estou mexendo e aprendendo com ele.
Só que tem um negócio que estou tentando modificar e não consigo. Alguém pode me ajudar por favor?

Gostaria que alguém me indicasse, em qual arquivo devo mexer, e qual parte do código.

O template que estou estudando é está nesse link aqui:
https://w3layouts.com/deco-light-in...egory-flat-bootstrap-responsive-web-template/

Vou colocar as imagens para tentar ilustrar oq acontece. =)



Preciso arrumar uma galeria em que as imagens perdem a função de serem responsivas e se adaptarem a tela do dispositivo em que está sendo visualizado.
Alguém me ajuda por favor a arrumar isso? frown.png


No começo do site, existe uma galeria de imagens em formato de carrossel.
O template é responsivo, e já vem com duas imagens na galeria.

Eu consegui inserir as imagens que eu queria, porém, as imagens que inserir, quando elas são exibidas, somente as duas primeiras mantém a característica de serem responsivas, ou seja, somente as duas primeiras se adaptam ao tamanho da tela do dispositivo.

As outras imagens que inseri, elas perdem essa função de serem responsivas e abrir na proporção da tela, elas abrem tamanho 100% e não cabem na janela.

Na primeira imagem (tela_1) é a imagem que veio junto do template, ela abre direitinho na proporção da tela vejam: (NOTEM ELA REDIMENSIONOU DIREITO PARA TAMANHO DA TELA)
Imagem

Agora as outras imagens que inseri. Elas abrem tamanho 100% e não cabem na tela, elas perdem a propriedade de serem responsivas. =( (NOTEM ELA ABRIU TAMANHO 100% E NÃO COUBE NA TELA)
Imagem

No arquivo Index.html, a linha de comando que controla essa galeria começa na linha 140.
Imagem


No arquivo Style.css o parágrafo que insere cada imagem nesse carrossel começa na linha 229.
Imagem


Alguém pode me ajudar. De novo estou sofrendo pra acertar isso aqui.
Só preciso fazer com que as imagens que inseri nessa galeria fiquem responsivas iguais as duas primeiras que já vem no template.
Só preciso de uma indicação de onde e como faço essa propriedade das imagens.

valeu pessoal!!!

Abs!!!
ulfsark93
ulfsark93 Novo Membro Registrado
8 Mensagens 1 Curtida
#3 Por ulfsark93
04/10/2016 - 18:34
Oi lipman. Tudo bem?
Muito obrigado pela dica. =D
Se puder me enviar algum link de onde posso encontrar mais apostilas ou vídeo aulas para poder estudar ficarei muito feliz!
Eu consegui encontrar algum material, e quis ir lendo e colocando em prática para tentar entender melhor e absorver de maneira mais fácil o que eu estou lendo.
Eu leio um pouco e modifico o template para poder entender na prática.
Muito obrigado.
Abraços e tenha uma ótima semana smile.png

Olá pessoal. Tudo bem?

Garimpei o arquivo style.css e consegui resolver o problema das imagens que não estavam redimensionando para o tamanho certo. bom_trabalho.gif

No arquivo style.css existiam umas linhas com o código “min-height”.
Esse código era o responsável por dimensionar as imagens.

Foi necessário adicionar os nomes “banner1” dos parágrafos que inserem as imagens nas galerias, nesse parâmetro “min-height”. Assim todas as imagens adicionadas recebem esse ajuste de tamanho.

Esse parâmetro “min-height” estava nas linhas: 1638, 1910, 2197 e 2483.

Abs e obrigado pessoal!

Segue a imagem pra quem interessa:
Imagem

Abs e obrigado pessoal!
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal