PhotoGallery 0.2
Hola a todo@s.
Como lo prometido es deuda, he cogido el flash del seminario y le he añadido más y más cositas para poder crear una aplicación de galería de imágenes en condiciones. Todavía faltan muchas cosas (creación dinámica de miniaturas, panel de control para gestionar las fotos y descripciones, arreglar lo del redimensionamiento que falla bastante...)
Bueno, pues lo dicho. Os dejo aquí el enlace para que le echéis un vistazo, me digáis comentarios/opiniones/sugerencias/advertencias/lo_que_os_de_la_gana y cuando esté más o menos terminado le añado una pequeña ayuda y pongo el código a disposición del público =)
www.notacube.com/web/photogallery
pd:espero que meddle me machaque =) Por cierto, en esta beta está todo preparado para hacerlo con clases, pero no he tenido mucho tiempo...
joshuatree
Hmmm, voy pero a saco, ok? Avisado quedas :D
-Las miniaturas SE SALEN
-La transcicion va muuuuy lenta. Deberia ser el doble de rapida, minimo.
En realidad, preferiria algo menos machacaojos, como una transicion simple, de alpha=0 a 100.
-Los comentarios de las fotos estan en un sitio poco 'usable' El ideal es q vayan justo por encima o por debajo de la foto
-El texto es muy pequeñajo. Yo agradeceria una verdana a 11 pixeles, por ej.
Por lo demas... Q te voy a decir. Tienes buen gusto, eso es indudable ;)
Usuario desconocido
Lo primero: enhorabuena ;)
Detalles:
· A mí las transiciones me parecen bien
· El texto es pequeño, si. Pero me gusta así :D
· Los comentarios de las fotos tendrían que estar más cerca de las fotos (abajo o derecha)
Lo demás me parece cojonudo.
juandelgado
Tiene muy buena pinta, ¿el código se puede bajar para echarle un ojo?
Looup
Por ahora el código está más desorganizado que el chiste, y hay bastantes cositas que me gustaría cambiar. Como he dicho antes, está todo programado de la manera 'tradicional' y me gustaría hacerlo de una manera más profesional.
De todas formas si insistís =) lo cuelgo con unos ejemplos sencillos.
deeleman
No se si es algo que ya teneis en cuenta o no, pero he notado que cuando redimensionas la ventana del navegador, se descuadra toda la composición.
Por lo demas la aplicación me parece estupenda y yo lo veo todo perfecto en su sitio tal como esta ahora.
Usuario desconocido
Qué raro no que txuma todavia no haya dicho nada, no?
por donde estara?.....es que esto es como el opio...te engancha, te cansa, te engancha, te cansa.
Me pasa lo que a "deeleman".
TheOm3ga
Está chulo, aunque creo que la descripción está en mal lugar y aparece muy bruscamente. Sugiero que uses algún efecto estilo typewriter mientras se redirecciona la ventana para ir cambiando la descripción y no cambie tan bruscamente.
loopecio
Ché!, pero que bueno!
me alegra saber que pronto podremos disponer de estre recurso. Esta muy currao, muy chulo,.. y además gratis!
UN LUJAZO! vamos..
Y por mi parte, creo qu el eañadiría un boton de "siguiente/anterior", pero nada más.
txuma
Visdelou
Qué raro no que txuma todavia no haya dicho nada, no?
Jajajaja, es que hoy me he tomado el día de relax :P
Bueno, como ya he puesto en el otro post, este cabrón de manu me ha hundido. Aproveché el sábado, que tenía poco curro, para ponerme a preparar el tema de la galería de imagenes con miniaturas.... pero ha llegado este chico y me deja en mal lugar :P La culpa es mia por no coordinarnos y tirar cada uno por su cuenta. Pero bueno, no pasa nada.
Eres un crack, tron. Me parece que lleva buena pinta, ahora la cuestión es desarrollar el backend para que la generación pueda ser totalmente automática. E intentar lo que pedía Sergi en el otro post, que pasando una variable desde la url pueda pillar una foto en concreto, pero eso es facil, vamos.
Manu, si te parece me voy a poner con esa parte, a ver qué va saliendo. Usaré el Flash que tengo preparado yo que ya me conozco el código, pero cuando lo tenga terminado será cuestión de juntarlo, porque yo lo estoy haciendo todo con callbacks y lo suyo sería dejarlo bien niqueladito, no?
Felicidades, tron !!
Looup
Bueeeno, non ti preocupare. La verdad es que no me llevó demasiado tiempo porque ya lo tenía más que pensado de antes (lo típico que tienes en la carpeta de testingOnly y casi nunca le das salida).
Hay que pulir bastantes cosillas.. lista de TODO:
- No se reubican bien los elementos en pantalla al redimensionar el navegador o el player ( arreglado: menuda historia el reposicionar un campo de texto con autoSize a right, he tenido que hacer brujería)
- Algo de movimiento: es verdad que está todo muy estático, pero coño, después de tanta línea de código lo que menos te apetece es animar las cosillas. Pero alguna cosa con los títulos se puede hacer.
- Precargas bien ubicadas: la principal aparecía en alpedrete y no había precarga del xml. (arreglado: también estoy preparando una precarga para cuando se lea el xml de manera dinámica)
- Textos no usables. Cierto cierto... utilizaré el campo actual para más datos, como la fecha o incluso los botones de imprimir o ver foto (popup del jpg generado dinámicamente). El título y el autor los pondré debajo de la imagen, como estaban en un principio.
- Acceso directo por enlace. Pues es una idea cojonuda, que quieres que te diga. Lo que pasa es que sería genial tenerlo todo integrado con la base de datos, porque así el enlace sería del tipo index.php?id=15, donde el 15 es el identificador de la imagen. Tal y como está ahora se tendría que enviar la imagen con la ruta.... Y es tan sencillo de implementar como verificar que hay ese enlace: si está, se busca en la bbdd la imagen y se carga; que no, se carga la imagen de inicio.
Lo del panel de control es altamente recomendable, porque hacer las miniaturas a mano es un rollo patatero, y escribir en un xml es bastante más feo que en un campo de texto todo chulo.
Y es aquí donde lanzo el reto: si alguien me diseña una plantilla con el interfaz del panel de control montamos un chiringo de la letxe.
Necesitaría:
- Ver todas las fotos por categorías/directorios (están ordenadas en carpetas en el servidor)
- Crear carpetas/categorías o eliminarlas.
- Editar la info de cada foto: título, autor, fecha, texto??
- Insertar nuevas imágenes
- Eliminar imágenes
- Las miniaturas se generarían automáticamente al subir una nueva imagen.
Alguien se anima? enga coño que estamos en verano... :P
meddle
yo no se si os puede interesar o no, igual a txuma+orange para vr, quien sabe, creo que ya se lo comente y les gusto:
me estoy montando un modulo de servidor (php) para subir fotos y podermodificarlas directamente sin photoshop. ahora ya tengo el CMS de meddle v3 listo, solo me falta esta parte, basicamente por si estoy fuera y quiero subir una foto pero la tengo a 1024 o lo que sea, el modulo me va a permitir:
resize, crop, unsaturate, rotate, etc. y (quizas lo mas importante) extraer los datos de EXIF de la camara. Lo tengo medio hecho pero ya se sabe, las cosas de palacio... (¿o era en casa de herrero...?). pues eso. si cuando lo termino, que no se cuando sera, le sirve alguien ya me direis.
txuma
Se que me vais a llamar cutre (pero practico):
Para pillar la imagen a mostrar de la URL yo lo había pensado así:
Si escribes el código del OBJECT con PHP puedes usar una variable que tengas en la URL, y por tanto ya puede pasar a Flash cual es la imagen que tiene que cargar, no?
Yo retocaría un pelín el interface.... bueno, más que nada ubicaría el pie de foto también debajo de la misma, porque arriba a la derecha se pierde un poco, no crees?
¿Qué necesitas exactamente para la administración? ¿un simple interfaz? Si quieres mandame un email y lo vemos.
txuma
Y otra cosita por tocar un poco los 'pinreles'.... y si se redimensiona el ancho del fondo blanco de los thumbs para que encaje bien la miniatura dentro ?? :P
Looup
Bueno chicos, nueva actualización de la aplicación aquí.
Se han cambiado las posiciones de los textos, se han hecho un poquitín más rápidas las transiciones que si no Joshua se me queja y lo más importante y que me ha costado los ojos: la paginación de miniaturas/botones.
Lo de redimensionar la miniatura se me antoja bastante complicado/ no sabría como plasmarlo en pantalla....
Ahora toca el momento server-side....
txuma
Te he dicho ya que eres un puto crack??? ;)
Si necesitas algo mándame un email :)
Lo de redimensianar las miniauturas... yo no me refería a la imagen, sino al fondo blanco. ¿cómo lo tienes hecho? ¿Una máscara dinámica?
Por cierto, ¿como has pensado la parte servidor?
Looup
El fondo se trata de un clip con 3 capas: la máscara, el mc vacío para las miniaturas y el fondo blanco. Para no andar liándola mucho había pensado en reposicionar las imágenes y centrarlas ahí para que quedaran mejor, y así de paso también tendría que hacer una precarga para las miniaturas. Ya veremos...
Para el tema del panel de control, la parte 'fea' (bbdd, llamadas, funciones) está más que pensado, y además es sencillito. Pero a la hora de diseñar un interfaz medianamente interesante ya me atasco. Es ahí donde me falla el sistema :(
Usuario desconocido
plas, plas, plas, plas Chapeau !!
..esto se esta poniendo muy caliente. Congratulations !
loopecio
Rechingón! Esta de puta madre, y funciona al pelo.. pero yo sigo pensando que no le vindría mal un par de botones de "anterior" y "siguiente".. a poco, que cuando clickes sobre la imagen pase a la siguiente.
suc
mooola habra version publica? estaria genial para poder mostrar afotos a los demas. Muy buen trabajo.
Looup
Loopecio: en vez de haber botones de anterior y siguiente voy a utilizar las flechas del teclado para los botones (haré un dibujito pequeño para que se entere la peña). Es una buena idea, porque cuando hay mucha foto puede ser un rollo el ratón.
Y la idea es hacerlo público una vez esté terminado con su panel de control y todo. (yupiiii). Todavía queda por implementar un archivo de configuración para idiomas, limpiar/repasar el código, comentarlo un poco y por supuesto el panel de control.
Usuario desconocido
Looup, chapeau!
Está genial, y en Mac el Flash va muy fluido, lo cual me alegra aún más ;)
joshuatree
Mostro, q eres un mostro.
Las transiciones van mas rapidas, si señor. Pero si pudiera elegir, pondria otra, esta me jode los ojos, algo asi como lo q te conte, un fundido a negro, y a luego a la inversa, para pasar de una a otra.
Ya ves, sigo tocando los webs, pero no soy yo, son mis ojos, mucha exposicion al monitor, quizas :D
loopecio
Al pelo looup!, al pelissimo.. con eso que dices ya no tendrá igual. Impresioante recurso. Sólo espero que sea algo editable, en cuanto a forma (colores, basicamente), y ya... la bomba!
consuma
Enhorabuena!, a mí personalmente me encanta la pinta que va cogiendo, una maravilla. :-D
pedro_fm
muy buen uso del stage, y las animaciones van fluidisimas y todo corre guay!
que envidia me das "pequeño"! :P