galeria fotos

[natig]

Hola a todos!!

Tengo una duda que supongo q es algo tonta, pero necesito resolverla.

¿Cuál es el mejor modo para hacer galerias de fotos para una web en flash?

He visto galerías q usan xml, pero ¿hay q poner en el xml el nombre de cada foto? Si son 100 fotos es una locura...¿o hay algún modo de incluir las fotos de golpe?

[mortiprogramador]

Hola
Bueno, pues cuando manejas tanto volumen de datos puedes tener varias opciones
Opción 1: Si son 100 fotos, entonces nombrarlas del 1 al 100 y haces un for que itere de 1 a 100 y las muestras (trabajo para quien maneje las fotos de renombrarlas)
o puedes en un for que vaya desde 1 o 0 hasta el total de fotos, alimentar un array con el nombre generico de cada foto (ej: imagen1.jpg, imagen2.jpg)
Opción 2: la que mencionas (el xml) en cuyo caso, si, es una locura, pero pues puede ser una opción
Opción 3: Esta creería es la mejor, aunque también conlleva trabajo, es tener una base de datos (la cual puede generar un xml con un lenguaje como php o asp) para que dicho xml sea leido por flash como lo harias en la opción 2, la diferencia sería que este sería un xml "dinámico", pues se haria una consulta a la base de datos para saber cuales fotos mostrar, y el xml se "pintaria" automáticamente, es decir, no tendrías que hacer cambios ni en el xml ni en el fla, solo activar o desactivar las fotos de la base de datos
Bueno, espero te sirvan las ideas
saludos

[natig]

La verdad es q eso me viene muyyyyy largo...me costaría demasiado. He pensado q quizá lo mejor sea hacer un album con un programa como JAlbum y linkar desde la peli swf...

Ahora me surge otra duda con respecto a esto. Tengo un componente Slideshowbox, si quiero poner un link a las imagenes ¿cómo lo hago?

[mortiprogramador]

bueno, pues as2 o as3?
as2 = getURL('ruta','target','method');
as3 = navigateToURL(URLRequest,'target','method');

aquí en los foros encuentras buenos ejemplos o
en la web también encuentras fácilmente

saludos

[natig]

Pero las fotos se cargan con un xml, ¿no tengo q hacerlo en el xml?

Yo lo q hago es introducir el componente en el escenario y le pongo la dirección del source, vamos, q las imagenes no son movie clips...no se si me explico...

[mortiprogramador]

bueno, pues en efecto puedes agregar eso al xml (el link para cada imagen) y en el momento donde cargas el xml le agregas la función necesaria para que el link sea "interpretado" por flash
saludos

[liepzingsystem]

Podés hacerlo con un XML. Es la mejor forma porque las imágenes no formarían parte de la película SWF y no la haría tan pesada. En el XML pondríais los parámetros de cada imagen de acuerdo con la configuración del archivo Flash. No tenés que hacer un archivo XML para cada imagen.

Saludos.

[natig]

Hola!

El xml lo genera el componente q estoy usando y es así:

Código XML:

<album>    
<items>       
<item>          
<thumbnailPath>thumbnails/ang_puli.jpg</thumbnailPath>          
<largeImagePath>large/ang_puli.jpg</largeImagePath>          
<fullScreenImagePath>fullscreen/ang_puli.jpg</fullScreenImagePath>          
<title><![CDATA[]]></title>          
<description><![CDATA[]]></description>                
</item>     
</items> 
</album>
 

Mi duda es: ¿cómo pongo la url en el xml? y ¿qué tengo q poner en el flash (as3) para q reconozca esa url?

Gracias!

[golem44]

Hola, es una pregunta para Mortiprogramador y también una sugerencia para ti natig. He estado intentando hacer una galeria de imagenes a traves de este tutorial http://www.tutoriales-flash.com/tutorial.php?id_tuto=29 . A partir de un sencillo código PHP consigo generar un XML dinámico, es decir, me lee el directorio i me crea un XML. De esta manera solo tengo que preocuparme que los thumbs i las imagenes grandes tengan el mismo nombre y no de for o arrays. Pero no he conseguido hacerlo andar. Mi pregunta para mortiprogramador es: este XML generado con el PHP ¿dónde queda?¿cómo debo llamarlo?llevo un rato intentandolo con este tutorial pero no doy con ello.
Gracias y saludos

[mortiprogramador]

Saludos

natig
veo en la estructura del xml que tienes esto

Código XML:

<fullScreenImagePath>fullscreen/ang_puli.jpg</fullScreenImagePath>
 

imagino que esto se repite para el resto de nodos de imagenes, estoy bien?
si la respuesta es true, entonces en as3 podrías hacer uso del navigateToURL
usando este valor de cada imagen, por ej algo así

Código actionscript:

function leyendoxml():void{
 //for o bueno, lo que uses para leer los valores del xml
 for(){
               //mostrando imagen
              objeto.propiedad = thumbnailPath;
              //agregando link
              objeto.addEventListener(MouseEvent.CLICK, iraFullScreen);
 }
}
 
function iraFullScreen(e:MouseEvent):void{
//aquí necesitamos saber cual de todas las imagenes
var fullScreenImagePath:String = fullScreenImagePathquevienedelxml;
 navigateToURL(fullScreenImagePath,'_blank');
}
 

Ahora bien, ya que nuestro nuevo participante golem44 aportó un buen link para entender el manejo de arrays con xml, y en este caso lo creo necesario pues cada link para cada imagen va a ser distinto, tu misión si decides aceptarla es leer ese tutorial y tomar la parte del array y adaptarla a lo que ya tienes

golem44

como ya tienes el xml dinámico, entonces en el fla solo tienes que llamar al archivo php como si fuera un xml, lo único que tienes que hacer en el php es hacer que el navegador entienda este archivo php como si en realidad fuera un xml, así si entras a http://ejemplo/xml.php lo que debes ver en pantalla es lo mismo que si entraras a http://ejemplo/xml.xml, es decir, ambos archivos deben ser interpretados como xml, y así pues actionscript usará este php como si se tratara de un xml ordinario (esto creo ya lo tienes funcionando pero por si acaso)

respondiendo a tus preguntas
a) dónde queda? R = en donde tu lo ubiques, pero piensa que debe ser una ruta donde el swf pueda "llegar" para leerlo, así por ej

1. /(raiz)
/proyecto/xml.swf
/proyecto/xml.php
o
2. /raiz
/swf/xml.swf
/xml/xml.php

b) cómo debo llamarlo? R = depende del punto a), para los ejemplos que te mostre entonces en el fla deberás llamarlo de este modo

a-1 miniaturasXML.load("xml.php");
porque? pues porque estan al mismo nivel o carpeta, entonces no hay necesidad de decirle que esta en proyecto
a-2 miniaturasXML.load("/xml/xml.php"); o miniaturasXML.load("../xml/xml.php");
aqui se pueden presentar lo siguiente:
Al llamarlo con /xml/xml.php, algunos servidores entienden que la carpeta xml esta dentro de swf, cuando no es así, por esto se hace necesario en algunos casos salir de la carpeta swf con .. y luego entrar al resto de la ruta

espero les sirva
saludos

[golem44]

gracias por contestar Mortiprogrmador, voy a intentarlo como tu dices.

gracias

[Miguelus]

Iniciado por mortiprogramador

Hola
Bueno, pues cuando manejas tanto volumen de datos puedes tener varias opciones
Opción 1: Si son 100 fotos, entonces nombrarlas del 1 al 100 y haces un for que itere de 1 a 100 y las muestras (trabajo para quien maneje las fotos de renombrarlas)
o puedes en un for que vaya desde 1 o 0 hasta el total de fotos, alimentar un array con el nombre generico de cada foto (ej: imagen1.jpg, imagen2.jpg)
Opción 2: la que mencionas (el xml) en cuyo caso, si, es una locura, pero pues puede ser una opción
Opción 3: Esta creería es la mejor, aunque también conlleva trabajo, es tener una base de datos (la cual puede generar un xml con un lenguaje como php o asp) para que dicho xml sea leido por flash como lo harias en la opción 2, la diferencia sería que este sería un xml "dinámico", pues se haria una consulta a la base de datos para saber cuales fotos mostrar, y el xml se "pintaria" automáticamente, es decir, no tendrías que hacer cambios ni en el xml ni en el fla, solo activar o desactivar las fotos de la base de datos
Bueno, espero te sirvan las ideas
saludos

Hola soy nuevo en el foro. Buscando información respecto de este tema de galería de imágenes me encontré con estas 3 opciones que planteas mortiprogramador. La opción que me interesa me expliques es la tercera opción donde cargo las imágenes desde una base de datos (MySQL) a un MC en flash a través de php. La idea es esa, que aparezca un scroll horizontal de un número indeterminado de imágenes pequeñas que son botones y al presionarlas muestra una imagen mas grande. Como seria el action script? Desde ya gracias

[mortiprogramador]

Saludos
Bueno, pues puedes revisar el link que dejo golem44, allí explican bastante bien el procedimiento para cargar imagenes desde un xml, ahora bien, para comunicar actionscript con mysql necesitas un puente, que generalmente es php u otro lenguaje de servidor

Así pues, la magia del asunto esta en que, con el lenguaje que quieras usar crees un xml dinámico pero en una página del lenguaje (así pues tendrías un xml.php por ej en vez de un xml.xml) pero dentro del archivo php usas unos "encabezados" para informar que este documento será tratado como un xml
(Esto también lo puedes ver en uno de los links que están dentro de la página aportada por golem44)

Y pues la ciencia es que en ese php (teorizare que vamos a usar php) haremos consulta a la tabla imagenes de la base de datos donde tendremos uhmmm 4 campos? id, nombre, urlthumb, urlbig
y pues puedes traer los 3 últimos campos para usarlos en el movieclip (urlthumb sería cada imagen pequeña a ser mostrada, nombre para mostrarlo en el over por ej, y urlbig cuando den clic en cada thumb)
resultado de la consulta tendremos n registros, y en un ciclo (while, do...while,for, foreach) por cada registro crearemos una sección del xml, y luego del ciclo cerramos el xml (es decir, piensa siempre que este es un archivo xml, así que ten cuidado con los tags)
y como ya mencione en un post anterior de este tema, puedes comprobar que haya quedado bien entrando a la url, y luego en el fla pues lo tratas como si de un xml común se tratara (de nuevo, mirar link de golem44)

Eso es todo, haz los pasos pacientemente, y si luego de todo el proceso
tienes problemas o dudas nos comentas
saludos

[Miguelus]

Gracias por tu respuesta mortiprogramador. Vamos a ver como sale todo esto.