Função ao Carregar Imagem

[FaahWl 4]

Galera, boa noite!

 

 

Tenho o seguinte script que pega o número da imagem atual e insere o valor da variavel adict (dependendo da seta clicada do slide, o valor é -1 e 1). Ao clicar o número da imagem muda.. ai outra imagem é carregada.. ai tem um evento abaixo "onload" que não funciona na imagem.. (nem sei se era pra funcionar, ou se só funciona quando a página carrega)

 

Alguém tem ideia de como se arruma isso?

function changeImage (adict)
{
	atual += adict;
	
	if(atual<0) 
	{atual = 0;return;}
	else if(atual>=imagens.length)
	{atual = vehicles.length -1; return;}
	
	var conteudoModal = document.getElementById('paiModal').querySelectorAll('.conteudoModal')[0];
	fade(100,0,1,conteudoModal);

	var int = setInterval (function () 
	{
		if(conteudoModal.style.opacity==0)
		{
			document.getElementById('paiImg').innerHTML = "<img id='imagemModal' alt='imagem modal' src='img/pasta/full/"+(atual+1)+".jpg' />";
			clearInterval(int);
		}
	}, 1);
	
	
	document.getElementById('imagemModal').onload = function ()
	{
                fade(0,100,1,conteudoModal);
		centralize(conteudoModal);
	};
	
}

 

 

 

 

Agradeço a todos pela Atenção!

[William Bruno 1501]

Vc precisa colocar o onload, logo após criar a imagem.

 

Dentro do IF, embaixo do innerHTML

 

		if(conteudoModal.style.opacity==0)
		{
			document.getElementById('paiImg').innerHTML = "<img id='imagemModal' alt='imagem modal' src='img/pasta/full/"+(atual+1)+".jpg' />";
			clearInterval(int);
                        //aqui
		}

e não nomeie variáveis com palavras reservadas. int é uma má escolha de nome.

[FaahWl 4]

Cara, valeu, funcionou muito bem...

 

Só uma pergunta... essa forma que fiz, de carregar a imagem dessa forma, está correta?

[William Bruno 1501]

Eu não faria dessa forma, pelo trabalho de ter q nomear as imagens.

 

=)

 

Eu teria um array com o nome de todas, ou já colocaria todas no html, em forma de "placeholder".