Active con imagen

[c0w]

Buenas, tengo el siguiente codigo en mi pagina:

Código HTML:

<a href="index.html" onmouseover="button1.src='images/bar_button_1on.gif';"
onmouseout="button1.src='images/bar_button_1.gif';"><img id="button" name="button1" src="images/bar_button_1.gif"/></a> 

Y cambia de imagen al pasar por ensima, pero quiero que cuando este en la misma pagina (index.html) quede el botton "bar_button_1on.gif" y no se como hacer.

Muchas gracias

[kabet]

Si te he entendido bien, lo que tu pretendes en que cuando pases el puntero por encima del enlace te muestre otra imagen, eso lo conseguirás con la propiedad a:hover .

Crea un div que englobe el enlace y de fondo del div la imagen que quieres que aparezca y después con la propiedad a:hover modifica la imagen de fondo para que te muestre la otra.

Saludos.

[c0w]

No hay una forma de hacerlo sin tener que crear divs para cada imagen?

[jomaruro]

Hola:

Interpreto que tienes un menú con varias opciones (lógico sino no sería un menú) y cuando pasas el ratón por encima te cambia de color ¿no?. Y lo que quieres es que cuando elijas una opción y cambies de página te quede señalada en el menú la opción que has escogido ¿me equivoco?

Deberás utilizar información sobre las pseudoclases (link, visited, hover, active), por ejemplo en este enlace.

Sería algo parecido a esto:

Código CSS:

a:link {background-color:#F00;}
a:visited {background-color:#0F0;}
a:hover {background-color:#00F;}
a:active {background-color:#CCC;}
 

Y después generar un html para cada página indicando el class del enlace que quieres dejar activo:

En index.html:

Código HTML:

<a class="activo" href="index.html">
<a href="enlace1.html">
<a href="enlace2.html">
 

En enlace1.html

Código HTML:

<a href="index.html">
<a class="activo" href="enlace1.html">
<a href="enlace2.html">
 

y en enlace2.html

Código HTML:

<a href="index.html">
<a href="enlace1.html">
<a class="activo" href="enlace2.html">
 

Espero no haberme equivocado y haberte ayudado.

Saludos.

[c0w]

claro, pero lo que tengo yo es una imagen que hace un onmouseover y cambia de imagen. Por eso no me sirve con fondo en css.

[kseso?]

Iniciado por c0w

claro, pero lo que tengo yo es una imagen que hace un onmouseover y cambia de imagen. Por eso no me sirve con fondo en css.

Pues entonces, si todo pasa por conservar su enfoque (js), éste no sería el foro más indicado para obtener respuestas.
Debería aclarar con qué lenguaje/técnica lo quiere lograr.
Creo.

[c0w]

Ok gracias igual, me moverian el post?

O lo creo otro nuevo?

[TheDark03]

Hola, tienes que reportarlo en el icono para que te muevan el post al foro correcto.

Saludos DTB

[jomaruro]

Hola:

Iniciado por c0w

claro, pero lo que tengo yo es una imagen que hace un onmouseover y cambia de imagen. Por eso no me sirve con fondo en css.

¿Porqué? ¿Quién te lo ha dicho?

Saludos.

[c0w]

No entendi la pregunta, osea ya lo tengo armado asi.

[webosiris]

c0w, lo que te indica jomaruro es lo mejor.
tu situación inicial, con javascipt para hacer los hover, no es lo más óptimo y te va a complicar para hacer cosas como la que preguntas.

de todas formas, con lo que ya tienes... porque simplemente no le cambias la url de la imagen a mano en la página que quieras tener otra img?

[c0w]

si, mejor voy a cambiar el metodo, gracias a todos :)