Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje06-04-2013, 15:49 (UTC)    
Título del mensaje: fotos que al pincharles con el cursor se hagan mas grandes

hola no se si esto va aqui o no me pregunta es la sigiente existe algun codigo para que las fotos que tengo puestas en mi web www.manuelcabrera.es.tl en algunos trabajos al pincharles con el cursor se hagan mas grandes aunque se hagan en otra ventana,pero asi poder verlas mejor gracias
si esto no va aqui ruego que lo muevan

moderado
para una mejor busqueda ponga bien el titulo de tema. gracias.


Ultima edición por manuelcabrera el Dom Abr 07, 2013 3:17 am; editado 1 vez
Mensaje06-04-2013, 16:22 (UTC)    
Título del mensaje:

Se puede hacer sin necesidad de codigos con el extra galería.
Aquí el tutorial: http://www.paginawebgratis.es/forum/viewtopic.php?t=66676

Saludos ojala y te sea de ayuda
______________


Ultima edición por kawaiikingdom el Sab Abr 06, 2013 12:22 pm; editado 1 vez
Mensaje06-04-2013, 23:19 (UTC)    
Título del mensaje:

el extra galeria ya lo habia probao pero no es lo que queria y se ven mal las fotos cuando las habro yo busco algo que al pincharlas en su sitio se puedan hacer mas grandes si hay algo algun codigo o algo asi
Mensaje07-04-2013, 08:05 (UTC)    
Título del mensaje:

manuelcabrera escribió:
el extra galeria ya lo habia probao pero no es lo que queria y se ven mal las fotos cuando las habro yo busco algo que al pincharlas en su sitio se puedan hacer mas grandes si hay algo algun codigo o algo asi


hola si no es galeria...
una forma ortidoxa podria ser que cada imagen sea coma banner, poner una direccion a cada una:
Cita:
<a href="URL DE LA IMAGEN" target="_blank"><img src="URL DE LA IMAGEN" width="200" height="100"></a>


en este caso, debes poner la misma direccion, url directa de la imagen, pero deberas tocar los parametros donde dice: width="200" height="100 ponerlo a un tamaño que creas adecuado para hacerlo tipo mini.
----------------------------------
otra idea es crear un llamado, "lightbox" que es como la galeria, muy parecido, pero con otro efecto..
tiene una pega y es que deberas configurar antes el tamaño real de cada imagen, para que no sea muy grande, existen muchos por internet. si pones esa palabra encontraras muchas paginas, debes tener un minimo conocimiento html, yo mismo estoy usando uno por ahy, a ver si puedo explicartelo:
- 1º: debes descargarte el archivo con toda la programacion: http://www.mediafire.com/?7ek47qa15lj353t incluye:

--------------------
descomprimelo y sube los archivos JS a un servidor de archivos directos.. yo uso por ejemplo fileden, no caduca siempre que lo contectes al menos una vez mensual.
- 2º ve a la pagina donde quieras la galeria y pon esto:
Cita:
<htm>
<head>
<script src="/galeria/jquery-1.7.2.min.js"></script>
<script src="/galeria/lightbox.js"></script>
<link href="/galeria/lightbox.css" rel="stylesheet" />
</head>
<body>
Para verlos grandes clikalos:<br>
<a href="ULR DE IMAGEN DIRECTA 1" rel="lightbox[roadtrip]"><img src="URL DE IMAGEN DIRECTA 1" width="200" height="120"></a>

<a href="ULR DE IMAGEN DIRECTA 2" rel="lightbox[roadtrip]"><img src="URL DE IMAGEN DIRECTA 2" width="200" height="120"></a>

</body>
</html>

IMPORTANTE: configuracion:
- archivos:
los archivos subidos localiza la url directa, deberas pegarla en la parte del codigo donde esta la seccion script.

imagenes:
las imagenes cada una te puse dos ejemplos, 1 y 2, pero para poner mas imegenes solo añade otra linea de <a href="ULR DE IMAGEN DIRECTA" rel="lightbox[roadtrip]"><img src="URL DE IMAGEN DIRECTA" width="200" height="120"></a>
y para configurar el tamaño de vista previa, es en lo marcado de verde, width="200" height="120
ojo! como te dije, las imagenes con tamaño original, procura que no tengan mucho tamaño, a poder ser que no sobre pase los 1024x768 que es el tamaño extandar de monitor, si lo haces mayor, los que usen ese tamaño no podran cerrar la imagen.

botoneria:
el css incluye unos botones de navegacion, antes de subirlo, abrelo como block de notas y localiza los botones next, previer, close. bg. y despues subelo para poder ponerlo en el codigo la url.

suerte.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje07-04-2013, 20:53 (UTC)    
Título del mensaje:

manuelcabrera escribió:
el extra galeria ya lo habia probao pero no es lo que queria y se ven mal las fotos cuando las habro yo busco algo que al pincharlas en su sitio se puedan hacer mas grandes si hay algo algun codigo o algo asi


Hola,

Si quieres no complicarte con tantos trabajo de códigos, mejor utiliza este.

Código:
<style type="text/css">
#imagen {
position: relative;
}
.miniatura{
z-index: 1001;
text-decoration: none;
}
.miniatura img {
border: 0px;
}
.miniatura span {
position: absolute;
text-decoration: none;
visibility: hidden;
border: 0px;
top:0px;
left:0px;
}
.miniatura:hover span {
visibility: visible;
overflow:visible;
z-index: 1002;
}
</style>


Cita:
<div id="imagen"><a href="javascript:void(0);" class="miniatura"> <img width="162" height="101" src="http://img.webme.com/pic/m/master-nemesis/iceblueepico.jpg" alt="" /> <span><img width="500" height="313" src="http://img.webme.com/pic/m/master-nemesis/iceblueepico_chi.jpg" alt="" /></span> </a></div>


Lo que esta en color es modificable, y te dejo una vista previa del efecto. Vista Previa

Tambien te dejo algunos tutoriales.

[Tutorial] Enlazar Texto Y Imagenes (Codigos)
http://www.paginawebgratis.es/forum/viewtopic.php?t=59889

[Tutorial] Enlazar Texto Y Imagenes (Editor)
http://www.paginawebgratis.es/forum/viewtopic.php?t=59888

[Tutorial] Como Usar el Editor de PWG.
http://www.paginawebgratis.es/forum/viewtopic.php?t=58675

Saludos.
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group