Mudar a foto ao clicar no menu

[Everton Rodrigo]

Olá ,minha duvida é a seguinte, eu tenho um menu com home, fotos contato etc. bom em uma div tenho uma imagem, eu gostaria que ao clicar em um dos menus

ele trocasse essa minha imagem que esta em uma outra div. como faço isso?

não faço idéia de como fazer se alguém puder me dar uma força eu agradeço

[*FIT*]

Tentou usar o hover do css?

[Everton Rodrigo]

Mas meu menu ta em uma div e o que eu quero mudar esta em outra. e eu quero pegar varias fotos tipo umas 5. uma pra cada menu entende

[fahledu]

Se não me engano setando ID da...

[Everton Rodrigo]

teria algum exemplo simples pra eu ter uma idéia ?

[*FIT*]

Movendo para Javascript!

[Everton Rodrigo]

Algum link ou algo do tipo q possa me ajudar ??

[Romerito]

i aew Everton Rodrigo, bom criei um exemplo bem tosco aqui, só para exemplicar, ai você pode ir modificando, qualquer coisa vai perguntando que tentamos ajudar, abraço!

<div id="menu">
		<ul id="menuLista" style="list-style-type:none;">
			<li><a href="#">firefox</a></li>
			<li><a href="#">fedora</a></li>
			<li><a href="#">java</a></li>
		</ul>
	</div>
	<div id="imagem">
		<img src="http://www.google.com.br/intl/en_com/images/srpr/logo1w.png" alt="google" title="google"/>
	</div>

e o js fica assim:

window.onload = function(){
        var objUl = document.getElementsByTagName("ul");
        var objDiv = document.getElementById("imagem");
        modificaImagemAoClickarNoLink(objUl[0],objDiv);
    }
    
    function modificaImagemAoClickarNoLink(objUl,objImagem){

        var getImagens = function(indice){
            json = new Array();
            json[0] = {src:"http://2.bp.blogspot.com/_1i7EX7a2ELY/TKczkHyEgUI/AAAAAAAAAY8/dOud9ZpEqfU/s400/Tux_FirefoxSyvolc.png",title:"firefox",alt:"firefox"};
            json[1] = {src:"http://olea.org/ilustraciones/fedora-logo-icon.png",title:"fedora",alt:"fedora"};
            json[2] = {src:"http://2.bp.blogspot.com/-btYW4MasCLM/TOV8Vm9FRbI/AAAAAAAAA1A/GOY-oUw2IbE/s1600/Java-logo-YesParK.png",title:"java",alt:"java"};
            return json[indice];
        }

        var criaImagem = function(imageJson){
            var imagem = new Image();
            imagem.src = imageJson.src;
            imagem.alt = imageJson.alt;
            imagem.title = imageJson.title;
            return imagem;
        }

        var addEventClick = function(indice){
            imageJson = getImagens(indice);
            objImagem.innerHTML = "";
            objImagem.appendChild(criaImagem(imageJson));
            return false;
        }

        var menuLinks = objUl.getElementsByTagName("a");
        var imageJson;
        

        for ( var i = 0; i < menuLinks.length; i++ ){
            menuLinks[i].setAttribute("indice", i);
            menuLinks[i].onclick = function(){
                addEventClick(this.getAttribute("indice"));
            }
        }
    }

espero que ajude, abraço!

[Everton Rodrigo]

Romerito obrigado resolveu sim apesar que meus links já tem um caminho especificado e não '#' como esta no teu exemplo, ai ele não troca a imagem mas a partir

do Código que você me passou vou tentar resolver apesar de não manjar nada de javaScript. mas mesmo assim

obrigadao :D