Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, tudo bem? Estou com uma dúvida aqui, que está me travando a alguns dias, fiz pesquisas e mais pesquisas e ainda não consegui nada conclusivo...
Estou programando um layout e vou usar algo simples, uma galeria de noticias em jcycle de uns 600px e que tenha 100% de width. Aí que é o meu problema...Quero saber se existe a possibilidade de eu definir o tamanho da miniatura para 100% do tamanho da tela e não 100% do tamanho da imagem em si, eu sei que é possivel fazer isso com os recursos do background-image e background-size, ja fiz e deu certo, e as imagens se ajustam corretamente nas resoluções.
Mas como vou usar php para inserir as imagens, creio que não será viável, então minha busca é de usar uma forma sem ser o parâmetro background do css...
Resumindo, quero que a miniatura preencha a tela toda com um height estabelecido, que diminua de acordo com o tamanho da janela do navegador. Não vou postar o código que eu tenho aqui pq acho, que não vai ajudar muito. (Obs. Não estou utilizando Bootstrap).
Desde já agradeço a atenção de todos!
>
10 minutos atrás, OmarF disse:
Assim não daria?
<img src="<?= $VindoDoPHP; ?>" width="100%" height="100%"/>
Ou
<img class="formatoComCSS" src="<?= $VindoDoPHP; ?>"/>
eu ja tentei o width:100% e o height:100% mas não deu certo, ...eu quero um resultado igual este aqui [http://www.rennatoalves.com.br/](http://www.rennatoalves.com.br/) eu consegui este resultado com o background-size, mas como vão ser imagens diferentes né, por ser posts cadastrados aí não sei se da certo...não sei se me entendeu, não vai ser uma div com background, mas sim a miniatura do post...Consegui encontrar uma janela, rsrsrsr caso eu use um <?php echo ;?> dentro de um style, por exemplo.
<div id="miniatura" style="background-image:url('<?php echo $miniatura ;?>')"></div>
Não sei se o código esta correto, mas quero saber se é possível essa possiblidade, pois daí eu consigo utilizar uma função de Post em PHP com o background-image e creio eu que resolveria meu problema.<style>
.cover {
background-size: cover;
width: 250px;
height: 200px;
}
</style>
<div style="background-image:url('<?php echo $miniatura ?>')" class="cover">
<h1>Título do artigo</h1>
</div>
Assim não daria?