Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala pessoal.. to tentando de tudo aqui mas não to conseguindo de jeito nenhum fazer algo q eu acho simplesmente facil.
tenho um menu usando <ul>
e gostaria de fazer o seguinte..
qnd a pessoa clicar em um dos links.. mudasse a imagem desse link...pq o <li> é assim <li><a><img></a></li>
sacou ? ai qnd clicar no link deveria trocar essa img mesma img !
obrigado.
<ul id="img_list">
<li><a href="index.html"><img src="img/home.png" border="no" id="home" /></a></li>
<li><a href="#release"><img src="img/release.png" border="no" id="release"/></a></li>
<li><a href="#dates"><img src="img/dates.png" border="no" id="dates"/></a></li>
<li><a href="#podcast"><img src="img/podcast.png" border="no" id="podcast"/></a></li>
<li><a href="#contact"><img src="img/contact.png" border="no" id="contact"/></a></li>
</ul>Amigo pra te ajudar é preciso ver o código javascript/jquery também. Você tem algum código pronto ou quer um código?
Então, no momento não tenho nenhum... tentei de diversas formas fazer um mas nenhum funcionou.. oq eu qro é relativamente simples:
Ao clicar em algum link, este mude sua SRC para o caminho da img ON ( por exemplo )... destacando q pagina em q o usuario se encontre.
Obrigado.
Eu recomendo você fazer isso usando CSS, pois se fizer apenas com Javascript.. no reload da página qndo for solicitado outro arquivo no servidor, o script não vai funcionar.
Nas soluções deste menu, tem como fazer o efeito de 'link atual':
mas o problema é que não tem reload no site em q estou montando.
Uso apenas Jquery + Ajax.
posta o código.