Galeria não selecionada

Item: Galeria não selecionada
Rating: 1

por dounacky 22.04.13 15:44

Qual é minha questão:
Bom, eu gostaria de saber como colocar seleção em imagens ?

Ex: galeria, imagens pequenas e ao clicar, as imagens são expandidas.
para visualizar melhor....

OBS: no caso estou fazendo uma pagina unitária ( só uma pagina em html Simples mesmo )
não é o meu Fórum

Endereço do meu fórum:
http://clan-headshot.forumbom.com

Versão do fórum:
PHPBB3

por Convidado 22.04.13 15:51

Saudações!

Queira acender seu "Redimensionamento de imagens :"

Painel de controle >> Geral >> Mensagens e e-mails >> Configuração

Procure por Redimensionamento de imagens : e coloque o tamanho que deseja que as imagens fiquem, após disto aparecera para expandir suas imagens.
e Salvar.

Até Piscada

por dounacky 22.04.13 17:07

no caso seria em HTML =D
não no Fórum.. estou fazendo uma pagina e gostaria de saber sobre isso

Obg.

por dounacky 22.04.13 17:25

não tem nenhum ajudante online não =C

por Diehl 22.04.13 18:35

Não tenho certeza se é bem o que tu quer, mas, vejamos...

O código para colocarmos uma imagem em html é basicamente isso:

Código:: <img src="endereço da imagem" />

Correto?

Nós podemos diminui-las apenas colocando os seguintes códigos na tag: width="Largura da imagem" height="altura da imagem". Por exemplo, queremos que uma imagem fique em tamanho "250x125".
O código seria o seguinte:

Código:: <img src="endereço da imagem" width="250" height="125"/>

Mas e para fazer com que a imagem que diminuimos fique grande ao clicarmos nela? Bem, podemos utilizar um código para que a imagem completa apareça em uma nova aba do navegador. Para isso basta usar o seguinte código.

Código:: <a href="endereço da imagem" target="_blank"> <img src="endereço da imagem" width="250" height="125"/></a>

por dounacky 22.04.13 20:21

não, desculpa mais não sei se ele vai destacar como o seu ..
o codigo abaixo

</script>
<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery {
background-color: #fff;
padding: 10px;
width: auto;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #444444;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
</style>

</head>

<body>

<div id="gallery">
<ul>
<li>
<a href=""C:\Users\Public\Pictures\examples\image-1.jpg"" rel="lightbox" title="Imagem 1"><img src="C:\Users\Public\Pictures\examples\image-1.jpg" width="160" height="160" alt="" title="Img#1" /></a>
<a href=""images/examples/image-2.jpg"" rel="lightbox" title="Imagem 2"><img src="images/examples/image-2.jpg" width="160" height="160" alt="" title="Img#2" /></a>
<a href=""images/examples/image-3.jpg"" rel="lightbox" title="Imagem 3"><img src="images/examples/image-3.jpg" width="160" height="160" alt="" title="Img#3" /></a>
</li><br /></ul>

.........................................
bom, estou fazendo uma galeria, porem estou com um problema..
não estou conseguindo fazer com que, as imagens pequenas de zoom.
vou mostrar

Imagens Pequenas
http://www.linhadecodigo.com.br/artigos/img_artigos/BrunoQuerino/jQueryLightBoxPlugin/LightBoxJquery02.jpg

imagem com Zoom
http://www.linhadecodigo.com.br/artigos/img_artigos/BrunoQuerino/jQueryLightBoxPlugin/LightBoxJquery03.jpg