• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

Machacaz

Criar browser de imagens

1 mensagem neste tópico

Alguém me podia ajudar a criar um browser de imagens? isto é...

Em javascript criar uma função que me faça um load de 5 imagens para 5 espaços numa tabela... dps seria mostrar mostrar, selecionando, cada uma delas dentro de uma célula maior que as anteriores 5.

Fiz algo semelhante numa aula, mas agora não consigo adptar para o que quero:

<script language="JavaScript">
		function colorir(coisa){
			var t=coisa.src.length;
			cod = coisa.src.substring(t-6, t-4);
			coisa.src="../recursos1/imag05/foto1" + cod + ".jpg";
		}
		function descolorir(coisa){
			var t=coisa.src.length;
			cod = coisa.src.substring(t-6, t-4);
			coisa.src="../recursos1/imag05/foto2" + cod + ".jpg";
		}
		function mostrar(coisa){
			var t=coisa.src.length;
			cod = coisa.src.substring(t-6, t-4);
			document.images[0].src="../recursos1/imag05/foto0" + cod + ".jpg";
		}
		function carregar(){
			var i,j;
			for(i=1; i<=25; i++){
				j=i; if(j<10) j="0" + i;
				document.images[i].src="../recursos1/imag05/foto2"+ j + ".jpg"
			}
		}
	</script>

E as adptações que fiz, pois apenas preciso, quero, mostrar 5 imagens.

<script type="text/javascript">

	function mostrar(coisa){
			var t=coisa.src.length;
			cod = coisa.src.substring(t-6, t-4);
			document.images[0].src="../imagens/imagens/m"+j+".jpg";
		}
		function carregar(){
			var i,j;
			for(i=1; i<=25; i++){
				document.images[i].src="../imagens/imagens/m"+j+".jpg";
			}
		}

</script>
<body onLoad="carregar()">
<table border="1" >
<tr>
<td rowspan="5" > <img src="imagens/imagens/pixel.gif" width="160px" height="160px"> </td>
</tr>
<tr>
		<td> <img src="imagens/imagens/pixel.gif" width="80" onClick="mostra(this)"></td> 


Estou mesmo a anhar com isto. Se alguém pudesse dar uma dica. Ou outra resolução, agradecia.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora