jquery.lightbox-0.5.js

[Minarini 0]

ola pessoal a duvida é simples: como fazer com que a imagem apos escolhida tenha um tamanho definido. Porque eu tenho uma imagem grandassa e no navegador na hora de exibir fica feio queria definir uma maxheight ou coisa parecida http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[webmind 5]

entao isso e facil

 

$(document).ready(function(){

$("img").css({ width:"500px", height:"500px" });

})

 

 

Nota: $("img") seta para todas as imagens, para colocar uma imagem de um grupo use o id

 

$("#id_da_imagem")

[Minarini 0]

vlw veje o codigo:

 

<script type="text/javascript">
	$(function() {
		$('#gallery a').lightBox();
	});
</script>

<style type="text/css">	
	#gallery {
		background-color: #FFFFFF;
		padding: 10px;		
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #FFFFFF;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #ECF0F3;
		border-width: 5px 5px 5px;		
	}	
</style>

<div id="gallery"></div>

<script>
	var html = '<ul>';
	for (var i = 1; i <=8; i++) {
		html = html + '<li><a href="images/galeria/0'+i+'.jpg" title="Titlo da Imagem">' +
		'<img src="images/galeria/0'+i+'.jpg" width="72" height="72" alt="" /></a></li>';
	}
	html = html + '</ul>';
	document.getElementById("gallery").innerHTML = html;
</script>

como posso implementar neste codigo?

[Minarini 0]

repare que não é ma img e sim um <a>. O unico img é a imagem de escolha para saber qual quer abrir

[webmind 5]

mas isso nao importa assim que o documento e carregado e as imagens a img que esta dentro do a recebe a tranformacao, nao funciona?

 

 

so tem de colocar esse codigo

 

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){


$("img").css({ width:"500px", height:"500px" });


})
</script>

[Minarini 0]

eu coloquei. todas as imagens do site ficaram do tamanho estabelecido mas quando clica na foto para abrir o slide ele automaticamente se ajusta ao tamanho da foto. o que pode estar havendo?

[webmind 5]

vou tentar aqui

[webmind 5]

bem a solucao e criar uma div para mostrar a imagem mas mesmo assim teria de criar uma funcao para alterar a imagem e div.innerHTML="<img...... width=' ' height=' ' /> " e teria na mesma de definir o tamanho. com jquery nao sei

[Minarini 0]

pois então vou ter que estabelecer fotos antes de por no ar ai fica garantido hehehe