Comunidad de diseño web y desarrollo en internet online

crear galeria de imagenes

Citar            
MensajeEscrito el 28 Dic 2006 05:26 pm
Hola a todos, tengo un problema que es que me tarda mucho en cargar una galeria de imagenes asi que reduci su tamaño para que pese menos estan todas en jpg, la pregunta es, como se hace que cuando habres el html se vean las fotos pequeñitas (asi cargara mas rapido) y que cuando piques en una de ellas cualquiera se te vea en grande (es decir independiente) aunque se tenga que incorporar una barra de progreso para esta, haciendolo asi supongo que sera la carga mas rapida en el html, cierto?como no se muy bien manejar nada de web lo que hago es que picas en una pequeña y se te habre un html aparte con la foto en medio tamaño esto es absurdo pero no se hacerlo de otra manera, pido la ayuda en una explicacion o bien algun tutorial de cristalab lo he estado buscando pero no se como se llama esta funcion, un saludo y gracias.

Por alvaromartinez

23 de clabLevel



 

msie7
Citar            
MensajeEscrito el 28 Dic 2006 05:37 pm

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

firefox
Citar            
MensajeEscrito el 28 Dic 2006 06:10 pm
Bueno... creo q puedo ayudar en algo...
Hace algun tiempo tuve que hacer una pagina de un hotel, algo simple, no muy complicado... la cuestion era que el cliente pidio que en la parte inferior del sitio agregue una galeria de imagenes en miniatura, y que las fotos se amplien en pop-ups... bueno.. empece a hacerla de la forma mas sencilla, sin AS (la verdad no se muy mucho de AS, lo básico digamos)... el problema era q necesitaba hacerla para varias pagina... o sea varias galerias diferentes... y no disponia de mucho tiempo... por lo que se me ocurrio hacer una galeria unica, con una cantidad de fotos fijas, y simplemente cambiar las imagenes.... Te explico como:

- Primero cree un el archivo galeria.fla... en el que cree 10 mc de tamaño pequeño... supongamos 50x50... a cada mc lo llame de esta forma "contenedor1, contenedor2, contenedor3, ...... contenedor10"... Luego, en el primer frame de la pelicula añadí el código:

Código :

loadMovie("miniaturas/1.jpg", "contenedor1");
loadMovie("miniaturas/2.jpg", "contenedor2");
loadMovie("miniaturas/3.jpg", "contenedor3");
loadMovie("miniaturas/4.jpg", "contenedor4");
loadMovie("miniaturas/5.jpg", "contenedor5");
loadMovie("miniaturas/6.jpg", "contenedor6");
loadMovie("miniaturas/7.jpg", "contenedor7");
loadMovie("miniaturas/8.jpg", "contenedor8");
loadMovie("miniaturas/9.jpg", "contenedor9");
loadMovie("miniaturas/10.jpg", "contenedor10");


De esta manera carga las imagenes en miniatura(1.jpg, 2.jpg...) , de tamaño 50x50 (ubicadas en la carpeta "miniaturas") en la pelicula

Luego creo 10 botones del mismo tamaño que los mc contenedores (50x50) y lo pongo en una capa diferente encima de cada mc... explico, supongamos q llamo al primer botón "boton1", a este lo pongo en la misma pocicion que "contenedor1"... solamente que en una capa diferente encima de la capa de los contenedores.
Asi sucesivamente, "boton2" sobre "contenedor2"; "boton3" sobre "contenedor3"....

Luego a cada boton le agregue la siguiente accion:

Código :

on (press){
   getURL("javascript:afoto('grandes/1.jpg','Titulo');");
}


De esta manera llama a la funcion "afoto" que abre un pop-up que se ajusta automaticamente al tamaño de la imagen (1.jpg)

Este es el codigo de la funcion que debe ir incertado entre el <head></head> de la pagina donde va a ir la galeria.swf:

Código :

<script language="javascript">

//script por Tunait
var ventana
var cont=0
var titulopordefecto = "Perico de los palotes" //texto por defecto a mostrar en la barra de título en caso de omitir el argumento titulo

function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,sc rollbars=no')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">')
ventana.document.close()
cont++
}
function redimensionar(ancho,alto)
{
ventana.resizeTo(ancho+12,alto+28)
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. Eliminar si no se quiere centrar el popup
}
</script>


Bueno... no se si es lo que buscas... pero espero que de algo te sirva....

PD: Es medio precario... ya lo sé

Por gordo_zab

107 de clabLevel



Genero:Masculino  

Córdoba - Argentina

firefox
Citar            
MensajeEscrito el 29 Dic 2006 09:49 am
Hola, explico: La pagina se la hicieron toda en flash a un amigo con una sala de baile, el problema fue que lo dejaron tirado y yo le estoy echando una mano a poder modificarla ya que primero yo lo tengo que estudiar ya que no soy programador web si no de otro tema, asi que por lo que veo en flash estan (biblioteca) las 30 fotos en formato .JPG y luego lo que veo es que hay unos clip de pelicula llamados gallery1.. etc, con la misma foto el echo esta en que las ves pequeñas y si picas sobre una de ellas se pasa (sin que la pequeña se mueva del sitio) a la parte superior con efecto semitransparente en la cual se ve de mayor tamaño, no hay ni codigo ni xml ni ninguna otra extension de programa hay viene el problema por lo que veo en toda la estructura solo hay una capa de la cual vas a todas las opciones de menu compuesta por 7 paginas y esto es lo que no entiendo porque si pico a la page 3 que es la galeria me salen los diseños de esta asi que lo copio y pego en un nuevo flash pero las fotos siguen sinedo las mismas si cambio los .JPG se lo pasa por hay no se si he de renombrar los clips de peli. asi que para mi me es mas facil crear uno nuevo que no estudiar uno echo sin tener ni idea, y em PHP todavia no lo he tocado asi que prefiero hacerlo con lo que +- se, ya que tiene unas 7000 o 8000 visitas mensuales y no creo que sea combeniente tener una porqueria de pagina asi que prefiero estar un poco al dia, un saludo.

Por alvaromartinez

23 de clabLevel



 

msie7

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.