Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje10-04-2012, 20:39 (UTC)    
Título del mensaje: Mostrar imagen al pasar mouse por texto o viceversa
Responder citando
Hola.
Ando buscando el script con el cual se muestra una imagen al pasar el cursor/mouse por un texto y al quitarlo de alli, desaparece la imagen.
Por ejemplo:
Pasas el cursor por "la sirenita" y aparece una imagen de la misma, quito el cursor de alli y se quita la imagen.
Y el viceversa: Al pasar el mouse por una imagen se muestra un texto (pero con letra y estilo diferente a lo usual) y al quitar el mouse se quita el texto.

Se agradece cualquier script que funcione, pero que preferiblemente sea corto. Gracias por adelantado!


Ultima edición por tupelicula-online el Mar Abr 10, 2012 6:31 pm; editado 2 veces
↑
Mensaje11-04-2012, 03:51 (UTC)    
Título del mensaje:
Responder citando
Hola, encontre este en http://cssplantillas.es.tl/javascript-1.htm , talvez te sirva.

Código:
<script language="javascript">
imagen1=new Image
imagen1.src="ejjs2.png"
imagen2=new Image
imagen2.src="ejjs1.png"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script><img src="ejjs1.png" name="ejemplo" onMousedown="cambiar()"">

______________


Reglas del Foro PWG
Reglas de PWG


Ultima edición por tutorialescorpion el Mar Abr 10, 2012 11:51 pm; editado 1 vez
↑
Mensaje11-04-2012, 11:05 (UTC)    
Título del mensaje:
Responder citando
este codigo te`puede servir

Código:
<div id=0 witdh="" height="" style=""display:none;">
<img src="nombreinagen" alt="">
</div>
<a href="" onmouseover="document.getElementById(0).style=display:block;" onmouseout=""document.getElementById(0).style=display:none;">
 


un saludo
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
↑
Mensaje11-04-2012, 19:09 (UTC)    
Título del mensaje:
Responder citando
tutorialescorpion escribió:
Hola, encontre este en http://cssplantillas.es.tl/javascript-1.htm , talvez te sirva.

Código:
<script language="javascript">
imagen1=new Image
imagen1.src="ejjs2.png"
imagen2=new Image
imagen2.src="ejjs1.png"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script><img src="ejjs1.png" name="ejemplo" onMousedown="cambiar()"">


Esta es para cambiar una imagen por otra al darle click, igual gracias me puede servir para otra cosa :D.

Lo de texto al pasar mouse sobre una imagen ya lo encontre:

Código:

<a href="URL a la que te lleva" onMouseover="ddrivetip('<u>titulo de texto sobresaliente</u><br>texto descriptivo sobresaliente')"; onMouseout="hideddrivetip()"><img src="Todo eso se muestra al pasar el mouse por la url de la imagen que pongas aquí"/></a>


Lo de una imagen que salga al pasar el mouse por el texto no lo he encontrado... cualquier ayuda se agradecería.


Ultima edición por tupelicula-online el Mie Abr 11, 2012 3:16 pm; editado 1 vez
↑
Mensaje13-04-2012, 13:06 (UTC)    
Título del mensaje:
Responder citando
Hola !

Este codigo puede servirte :

Cita:
<style type="text/css">
td.nav:hover{background-image:url(COLOCAR URL DE LA IMAGEN AL PASAR EL CURSOR);}
</style>
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.