Noticias
Nuevos mensajes
Buscar
Usuarios
Fisgona
Comunidades
Hosting
Otros servicios
Webmasters
selokehicisteis
Usuario habitual
Usuario habitual
#1

Me gustaria hacer que las imagenes que pongan salgan en pequeño y al pasar el raton por dichas imagenes se agranden... 
¿Esto se puede hacer?. Gracias

Avatar Image
Moderador
Moderador
#2

busca por mouse over de imágenes .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


selokehicisteis
Usuario habitual
Usuario habitual
#3

Yo no encuentro ningun script que haga eso...

Avatar Image
Moderador
Moderador
#4

pues hay que buscar, leer e interpretar lo que hay un ejemplo
http://www.webexperto.com/articulos/art/148/efecto-mouseover-con-imagenes/ y más resultados
http://www.google.cl/search?hl=es&q=mouse+over+de+im%C3%A1genes&btnG=Buscar+con+Google&meta=

es cosa de que te des el tiempo para insisto, leer e interpretar lo que hay .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


juanicho8
Usuario habitual
Usuario habitual
#5

mouse over

Avatar Image
Moderador
Moderador
#6
Escrito originalmente por juanicho8
mouse over
y yo que dije ...
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


selokehicisteis
Usuario habitual
Usuario habitual
#7

Yo soy muy zoquete... sigo sin saberlo hacer.
En una de las paginas de Chavp me da el código esquematizado al ponerlo en mi blog, no me va... Pero creo qeu es porque no sé estructurarlo...


Avatar Image
Moderador
Moderador
#8

y esta es la parte en la cual hay que adivinar que código crees que te sirve . Y si es para un blog mi@ como no los uso algo me dice que sabré como ayudarte. Pero pon de todas maneras el código y di que no entiendes.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


yin_yang
Usuario Novato
Usuario Novato
#9

fijate este

<head>
<style type='text/css'>

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: #FFFF00;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */

}

</style>
</head>
<body>
<a class="thumbnail" href="#thumb"><img src="http://img74.imageshack.us/img74/7974/inseguridadji1.jpg" width="100px" height="100px" border="0" /><span><img src="http://img74.imageshack.us/img74/7974/inseguridadji1.jpg" /><br />Inseguridad</span></a>

</body>

Avatar Image
Machacateclados
Machacateclados
#10

Buenas.... No se peleen, jajajaja
Hay una galería de imágenes hecha en JS que se llama "EasyGallery" que usa una librería (ahora no recuerdo el nombre) que hace ese zoom en el mouseover.... Buscala porque está chula,jeje ^_^

jlvc60
Usuario Novato
Usuario Novato
#11

Este efecto hará que una imagen pequeña tenga un efecto de zoom al pasar el cursor sobre ella en sólo dos pasos. Este es el ejemplo:

Querubines de rafael
Los Querubines de Rafael

  1. Entra a Diseño > Edición de HTML y antes de </head> pega lo siguiente:

    2. <style type='text/css'>
    .thumbnail{
    position: relative;
    z-index: 0;
    }

    .thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    }

    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: black;
    padding: 5px;
    left: -100px;
    border: 5px double gray;
    visibility: hidden;
    color: #ffffff;
    text-decoration: none;
    }

    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    }

    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 10px; /*position where enlarged image should offset horizontally */
    }
    </style>
  2. Ahora cuando quieras crear el efecto usa este código en tus post:

<a href="#thumb"><img src="URL de la imagen" width="100px" height="80px" border="0" /><span><img src="URL de la imagen" /><br />Pie de foto</span></a>

Ya sólo cambia la URL de la imagen, el texto del pie de foto y en ancho y alto de la imagen; toma en cuenta que esas medidas son las que se verán en la imagen pequeña (thumbnail).
También puedes personalizar el primer código, puedes cambiar el fondo que tendrá la imagen, el borde y el color del texto del pie de foto.

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black; <-- Color de fondo
padding: 5px; left: -100px;
border: 5px double gray; <-- Borde de la foto
visibility: hidden;
color: #ffffff; <-- Color del texto del pie de foto

Visto en: Gemablog

esto lo encontre en un foro gracias de ciudad blogger gracias a el POTRO

Avatar Image
@man / @woman
@man / @woman
#12
Cita:

Este efecto hará que una imagen pequeña tenga un efecto de zoom al pasar el cursor sobre ella en sólo dos pasos. Este es el ejemplo:

En el ejemplo aparecen una al lado de la otra, ¿no? diría que no funciona... El hilo de todas formas tiene casi un año...

AnteriorSiguienteArriba
Responder
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
como combino las propiedases de pasar el raton por encima y q canbie una imagen y un mapa
Por: , el 14/Dic/2004, 20:28
gesus1_134kDec/04
como ponerle movimiento a las imagenes al pasar el mause
Por: , el 22/Jul/2006, 01:03
linki1 chavp14kJul/06