Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje11-08-2010, 15:14 (UTC)    
Título del mensaje: pasar el cursor de raton y agrandar imagen

Hola
me podeis dar un codigo para realizar este proyecto al pasar el cursosr del raton la imagen se agranda pero en un lado de la pagina
gracias


Ultima edición por arteaida el Sab Ago 14, 2010 7:04 am; editado 3 veces
Mensaje11-08-2010, 16:08 (UTC)    
Título del mensaje:

Hola!

Creo que esto te servirá
http://www.paginawebgratis.es/forum/viewtopic.php?t=52703&highlight=

Saludos!
______________






Ultima edición por zonaad el Mie Ago 11, 2010 12:16 pm; editado 2 veces
Mensaje11-08-2010, 17:51 (UTC)    
Título del mensaje:

Prueba con esto:

Código:
<!-- COMPILADO POR WWW.WEBSCRITORIO.ES.TL -->
<script type="text/javascript">
function Img(url){
document.getElementById('cambio').src= url;
}
</script>

<table cellspacing="0" border="0" cellpadding="0">
  <tr>
    <td align="left" valign="top">
  <div style="padding-bottom:5px; cursor:pointer; height:350px; overflow:auto; width:120px;">

<!-- PONER AQUI -->
  <img src="http://img181.imageshack.us/img181/1214/skysplashax0.jpg" onmouseover="Img('http://img181.imageshack.us/img181/1214/skysplashax0.jpg');" width="100" />

  <img src="http://www.violent.de/wallpaper/planet.jpg" onmouseover="Img('http://www.violent.de/wallpaper/planet.jpg');" width="100" />
<!-- PONER AQUI -->

  </div>
    </td>
    <td align="left" valign="top">
    <img width="500" height="355" src="http://img181.imageshack.us/img181/1214/skysplashax0.jpg" id="cambio" />
    </td>
  </tr>
 
</table><!-- COMPILADO POR WWW.WEBSCRITORIO.ES.TL -->


NOTA: Cada que quieras agregar otra imagen pones esto:

Código:
<img src="URL-DE-IMAGEN" onclick="Img('URL-DE-IMAGEN');" width="100" />


LO PONES DONDE DICE:
Código:
<!-- PONER AQUI -->

______________


Ultima edición por webscritorio el Mie Ago 11, 2010 1:58 pm; editado 3 veces
Mensaje11-08-2010, 19:23 (UTC)    
Título del mensaje:

Hola!,

Tambien puedes utilizar este codigo,

Cita:
<img src="URL de Imagen pequeña" onmouseover="this.src='URL de Imagen grande';" onmouseout="this.src='URL de Imagen pequeña';" />


Debes tener dos imagenes, una pequeña que es la que se vera normalmente y otra mas grande que es la que aparecera al pasar el mouse. Puedes subir tu imagen a Xooimage.com [Ver Tutorial].

Saludos!
Mensaje13-08-2010, 17:38 (UTC)    
Título del mensaje: Re: pasar el cursor de raton y agrandar imagen

arteaida escribió:
Hola
me podeis dar un codigo para realizar este proyecto al pasar el cursosr del raton la imagen se agranda pero en un lado de la pagina
gracias

dejo captura



hola yo tengo en mi web un codigo pero se agranda la imagen al hacer click si te interesa pasa por aca http://www.hernan666.es.tl/AMPLIAR-IMAGEN-AL-HACER-CLICK.htm nos vemos espero q t sirva
Mensaje25-05-2013, 15:05 (UTC)    
Título del mensaje:

este gigantesco código es lo mejor que he probado desde que empecé
UN MILLON DE GRACIAS
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group