Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje11-10-2011, 18:07 (UTC)    
Título del mensaje: [JavaScript]Abrir imágen en la misma página con efecto slide

hola amigos aporto este codigo para los usuarios de pwg

Abrir imágen en la misma página con efecto slide es un Script con varios efectos para crear una galeria de imágenes o simplemente abrir una imágen sin salir de la página con un bonito Zoom, puedes ver unos ejemplos de su resultado en la página del autor.


http://pokebeach.com/2010/05/more-hs-unleashed-scans

guardar los archivos que estan en rojo y subirlos a un servidor propio, porque no aseguro la disponibilidad de estos, ya que es un servidor gratuito donde estan alojados.


<script type="text/javascript" src="http://h1.ripway.com/inacho/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="http://h1.ripway.com/inacho/highslide.css" />



<script type="text/javascript">
hs.graphicsDir = 'http://h1.ripway.com/inacho/graphic/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>

Parte 2: Agregar la imágen en tu entrada o página.
Debes tener una imágen en miniatura de la imágen real, o si quieres haces un boton que diga "Abrir imágen aqui" o algo por el estilo, o incluso sin imágen y solo texto.
Para insertar la imágen, debes usar el siguiente código:



<div class="highslide-gallery">
<a href="http://imagen_real.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="http://imagen_en_miniatura_o_boton.jpg"
title="Clic para ver Imágen" />
</a>
<div class="highslide-caption">
Texto opcional para la imágen, aparecerá en la parte inferior.
</div>
</div>


Aquí lo rojo es opcional, pero debes agregar el último </div> purpura al final.
Si quisieras hacer una galería, debes volver a copiar desde <a href... hasta ... /a>, siempre todo entre el <div class='high... inicial, hasta el .../div> final.


codigo alojado en http://creaweb.blogspot.com/2010/05/abrir-imagen-en-la-misma-pagina-con.html
______________
Reglas del Foro

¿Dónde hacer mi tema/post?


Ultima edición por nuestrasxarlas el Dom Nov 20, 2011 4:47 pm; editado 2 veces
Mensaje11-10-2011, 18:15 (UTC)    
Título del mensaje:

Me gusto ese efecto nuestrasxarlas

Saludos
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo
Mensaje11-10-2011, 18:19 (UTC)    
Título del mensaje:

supermarioworldsnes escribió:
Me gusto ese efecto nuestrasxarlas

Saludos


gracias amigo smwsnes por tu comentario
______________
Reglas del Foro

¿Dónde hacer mi tema/post?


Ultima edición por nuestrasxarlas el Mar Oct 11, 2011 2:21 pm; editado 1 vez
Mensaje12-10-2011, 16:37 (UTC)    
Título del mensaje:

buen efecto que trae el codigo
______________
SnaKe

Mensaje12-10-2011, 19:18 (UTC)    
Título del mensaje:

Esta muy bueno-
Mensaje12-10-2011, 20:44 (UTC)    
Título del mensaje:

Me ha parecido un aporte muy buenísimo! y en especial cuando mencionas la recomendación de donde están alojados los archivos, hay que tener en cuenta eso para evitar inconvenientez!


______________


https://radiovijaer.es.tl/
Mensaje12-10-2011, 20:45 (UTC)    
Título del mensaje:

radiovijaer escribió:
Me ha parecido un aporte muy buenísimo! y en especial cuando mencionas la recomendación de donde están alojados los archivos, hay que tener en cuenta eso para evitar inconvenientez!



gracias amiga radiovijaer por tu comentario un saludo
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje20-11-2011, 18:52 (UTC)    
Título del mensaje:

Me parece muy interesante, pero no soy capaz......de llegar a entenderlo bien. Help...me
Mensaje21-11-2011, 23:02 (UTC)    
Título del mensaje:

Me gusto el efecto :D , lo probare si me gusta como queda lo usare :_D
Mensaje19-12-2011, 22:44 (UTC)    
Título del mensaje:

Excelente me gusto el efecto
______________
[img[/img:872askjd]
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group