necesito que al pasar el mouse por un link cambie la imagen

[novodan]

hola, espero que me ayuden soy nuevo en esto

pero tengo este codigo

<ul >
        <li><a href="empresa/index.html">1</a></li>
        <li><a href="noticias/index.html">2</a></li>
        <li><a href="trabajos/index.html">3</a></li>
        <li><a href="cliente/index.html">4</a></li>
        <li><a href="galeria/index.html">5</a></li>
        <li><a href="contacto/index.html">6</a></li>
      </ul>
      <div >
        <div > </div>
        <img src="css/images/sls.jpg" alt="" width="550" height="286" /> </div>
      

quiero que al pasar el mouse sobre los numeros cambie la imagen que esta al costado de los numeros, "css/images/sls.jpg"

 

 

 

[alvaroxz]

<ul>

<li onmouseover="document.getElementById('img').src='img1.png';">1</li>

<li onmouseover="document.getElementById('img').src='img2.png';">2</li>

</ul>

 

<img id="img" src="img1.png"/>

 

Suerte lee un poco de javascript, ya que esto es bien basico y si quieres crear un proyecto o algo esto lo deberias manejar

Edited August 17, 2010 by alvaroxz

[darkporn]

puedes usar jQuery que es javascript, pero escribes mas rapido, hay varios ejemplos.

 

debes cargar la libreria jquery, bajalo desde jquery.com

$(document).ready( function() {

 

$('#link').hover( function(){

 

$('#imagen').show(); // puede ser load, depende el caso.

 

});

 

});

 

busca en css-tricks.com

 

en la seccion de freebies o download, si no sabes ingles, traduce las paginas con translate.google.com

 

y listo..

personalmente, encuentro este sitio de Chris Coyier, uno de los mejores, guias,

por que ofrece todo el codigo que el utiliza...

puedes sacar mucho provecho de ese sitio.

 

slds, que te vaya bien

 

[RikardOi!]

y cómo se hace para que quede automáticamente para todo el sitio??

 

porque lo anterior (post de alvaroxz) es para ciertas partes, o no??

 

[alvaroxz]

y cómo se hace para que quede automáticamente para todo el sitio??

 

porque lo anterior (post de alvaroxz) es para ciertas partes, o no??

 

 

debes integrarlo tu yo no se como es tu sitio -_-

[crash512]

puedes usar css, ejemplo si es el fondo de un enlace, podrias crear una clase y en el evento hover cambiar el fondo ejem

 

a.mienlace{background:(imagen.jpg) left top no-repeat;}

a.mienlace:hover{background:(imagenhover.jpg) left top no-repeat;}

 

el link

<a href="terriblepagina.html" class="mienlace">enlace</a>

 

con jquery como el ejemplo q ta arriba solo q en el selector pones la clase ejem

 

$("a.enlace").hover(...);

esperoq le sirva saludillos