Icono a la derecha al pasar el mouse sobre el enlace

[Russsell]

||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
|||||||||||||||||||||||||||| ------ | home | starcraft | estrategias | contacto | -----
||||||||||||||||||||||||||||


Hola por favor quisera que me den un pequeña ayuda con esto quiero que al pasar el puntero por el menu al lado izquiero en una posicion definida cambie el icono correspondiente a cada menu. Un ejemplo parecido me bastaria para solucionarlo.
Gracias ...

[cristian_cena]

Hola Russsell:

Incluye dentro de <style>:
a {background-image:/*url de tu imagen*/;}
a:hover {background-image:/*url de tu otra imagen*/;}

si en body tienes:
<a href="/">item de menu</a>

Saludos!

[MS70]

Ps yo creo que con jquery podrías hacerlo, pero te recomiendo hacer ese menú en flash para que no te compliques tanto, la verdad no se si se pueda hacer eso que dices con puro (x)html y css.

Código:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function cambiarimg1() { 
$("div#imagendeladerecha").load("imghome.png");
}
</script>

Código:

<a href="#" onmouseover="javascript:cambiarimg1();">Home</a>

Ps esta es una forma mediante ajax, pero no es muy recomendable ya que sobrecargarías tu pagina, para estos casos te digo que es mejor flash.

Salu2.

[jomaruro]

Hola:

Iniciado por cristian_cena

Incluye dentro de <style>:
a {background-image:/*url de tu imagen*/;}
a:hover {background-image:/*url de tu otra imagen*/;}

Ampliando lo que te dice cristian_cena, deberás indicar también, después de la url de la imagen, las coordenadas donde quieres colocar la imagen. Busca información en este foro o en google sobre sprite+css.

Saludos.

[cristian_cena]

Hola MS70, hay un foro para flash y otro para javascript, si Russsell decidió postear su problema aquí será porque tiene intenciones de hacerlo con css. Si para usted es complicado es otro tema.

[MS70]

Iniciado por cristian_cena

Hola MS70, hay un foro para flash y otro para javascript, si Russsell decidió postear su problema aquí será porque tiene intenciones de hacerlo con css. Si para usted es complicado es otro tema.

No sabia que se podían poner coordenadas, es que el código que tu pusiste lo que hace es poner una imagen de fondo y un remplazo a todas las etiquetas "a" y no lo que el creador del tema quiere, el quiere que al situar el ratón sobre sus enlaces aparezca una imagen a la izquierda así como el esquema que puso.

||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
|||||||||||||||||||||||||||| ------ | home | starcraft | estrategias | contacto | -----
||||||||||||||||||||||||||||

Bueno eso es lo que entendí del tema si estoy mal ps tu solución le vendrá de pelos xd.
Gracias a jomaruro ahora se que se pueden poner coordenadas.
Salu2.

[cristian_cena]

Iniciado por MS70

... el quiere que al situar el ratón sobre sus enlaces aparezca una imagen a la izquierda así como el esquema que puso.

Interprete que solo quería un rollover simple . Disculpas MS70 .

Russsell, en estos ejemplos de "tooltip css" de mikmoro se puede ver algo cercano a lo que pides:
http://www.araudi.net/ejemplos/tooltip_activo.html#
http://www.araudi.net/ejemplos/tooltipCSS.html#

Pero me parece que lo indicado es usar javascript tal como indica MS70.

Saludos!

[Russsell]

Iniciado por MS70

Ps yo creo que con jquery podrías hacerlo, pero te recomiendo hacer ese menú en flash para que no te compliques tanto, la verdad no se si se pueda hacer eso que dices con puro (x)html y css.

Código:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function cambiarimg1() { 
$("div#imagendeladerecha").load("imghome.png");
}
</script>

Código:

<a href="#" onmouseover="javascript:cambiarimg1();">Home</a>

Ps esta es una forma mediante ajax, pero no es muy recomendable ya que sobrecargarías tu pagina, para estos casos te digo que es mejor flash.

Salu2.

Gracias bueno como cristian_cena dijo necesito que sea en css y/o javascript, en flash es relativamente mas facil para mi pero en este caso no me sirve.
He probado el codigo que pusiste y no lo he conseguido ... serias tan amable de detallarlo un poco mas.

[MS70]

No te preocupes cristian_cena

Russsell: Seguramente no te funciona porque no has bajado la librería jquery, el señor Google te puede ayudar a bajarla, ya que la tengas haces referencia hacia ella asi:

Código:

<script type="text/javascript" src="jquery.js"></script>

Si es que la librería la sitúas en otro lado por ejemplo en otra carpeta llamada js, entonces solo pon la dirección así:

Código:

<script type="text/javascript" src="js/jquery.js"></script>

Salu2.

[Russsell]

Iniciado por MS70

No te preocupes cristian_cena

Russsell: Seguramente no te funciona porque no has bajado la librería jquery, el señor Google te puede ayudar a bajarla, ya que la tengas haces referencia hacia ella asi:

Código:

<script type="text/javascript" src="jquery.js"></script>

Si es que la librería la sitúas en otro lado por ejemplo en otra carpeta llamada js, entonces solo pon la dirección así:

Código:

<script type="text/javascript" src="js/jquery.js"></script>

Salu2.

claro que tengo la ultima version de jquery ... jeje no entiendo esta parte $("div#imagendeladerecha")

no sabran de aguna pagina con un efecto parecido...??
Seria mas facil ver y clonar el codigo

Gracias.