http://moneytreesystems.com/css/picpopup.html
Alguien me pudiera explicar eso...sobre todo la parte de la class:large...
y además como pudiera utilizar esta técnica dentro de un mapa de imágenes...
Muchas Gracias...
06/03/2008, 14:39
| |||
| |||
| "Efecto" Pop-Up Hola que tal maestros, me encontraba navegando buscando algo para hacer un efecto pop up con una imagen y me encontre con esto... http://moneytreesystems.com/css/picpopup.html Alguien me pudiera explicar eso...sobre todo la parte de la class:large... y además como pudiera utilizar esta técnica dentro de un mapa de imágenes... Muchas Gracias...
__________________ ---------------------------------------------------------- Algunas cosas simplemente son bellas...por que uno no puede tenerlas... |
|
06/03/2008, 14:55
| ||||
| ||||
| Re: "Efecto" Pop-Up Según lo que veo, esconde la imagen a un tamaño de 1 px y la pone fuera de la vista (po reso la posiciona a -1px) y al pasar por encima (hover) la posiciona donde desea y le da el tamaño real. Bastante creativo.
__________________ Plan Original Desarrollo Web ~$>sudo apt-get install -f "Asi debería arreglarse todo en la vida" |
|
06/03/2008, 15:37
| |||
| |||
| Re: "Efecto" Pop-Up Gracias lucasan, ya mas o menos le entendí... otra cosa, quería utilizar esta técnica en un mapa de imágenes pero no pude...a lo que va mi pregunta es que si map o area tienen una propiedad hover?? por que si no es así tons no se como poder utilizarlo...yo digo que si se puede... gracias...
__________________ ---------------------------------------------------------- Algunas cosas simplemente son bellas...por que uno no puede tenerlas... |
|
06/03/2008, 17:03
| ||||
| ||||
| Re: "Efecto" Pop-Up La verdad no se mucho de mapa de imagenes, yo cree uno pero no de la manera convencional, echale un vistazo aqui http://ventoacoustic.com/tiendas cuando das click en cada ciudad te sale una ventana, pero igual podrías hacer que te salga una capa descriptiva. Te lo resumo, lo que hice fue: Código HTML: <span class="loquesea"><a href="http://laurl">texto o imagen</a></span> En mi caso necesitaba el vínculo, y a la etiqueta <a></a> le puedes poner un a:hover No se si sea la mejor manera de hacerlo, pero me solucionó mi caso específico. Saludos, y cualquier cosa preguntas.
__________________ Plan Original Desarrollo Web ~$>sudo apt-get install -f "Asi debería arreglarse todo en la vida" |
|
07/03/2008, 13:00
| |||
| |||
| Re: "Efecto" Pop-Up lucasan ya te entendí perfectamente...y ya se como hacero...solo que quisiera un consejo para que sea optimo...hice mas o menos lo que tu hiciste... solo que en lugar de spans, coloco primero divs...haciando la función que hacen los maps...y luego ya coloco los spans...pero como son 13 imágenes y de diferentes tamaños... tengo ke hacer varias hojas de estilo o todos los meto en una??
__________________ ---------------------------------------------------------- Algunas cosas simplemente son bellas...por que uno no puede tenerlas... |
|
07/03/2008, 16:24
| ||||
| ||||
| Re: "Efecto" Pop-Up Definitivamente usa una sola hoja de estilos, al usar mas gastas mas tiemp de carga de tu página etc... En una sola hoja puedes poner todo, solo comentalo para que no te confundas. Ej.
Código:
Es mas por orden, y para que reuses o puedas mejorar después tu código./* COMIENZA EL MAPA */ tu codigo css /*TERMINA EL MAPA */ Saludos.
__________________ Plan Original Desarrollo Web ~$>sudo apt-get install -f "Asi debería arreglarse todo en la vida" |
|
25/03/2008, 12:31
| |||
| |||
| Re: "Efecto" Pop-Up Acá hay otros ejemplos con mapas Zoom en una imagen Crear mapa con imagenes? Aplicar filtro o similar sobre un elemento SHAPE de una imagen |
Este tema le ha gustado a 1 personas 
