Galeria Fotos (Dreamweaver)

[GUW]

Hola a todos. Encantado de entrar en el foro. Tengo un problema.

He creado una galeria de fotos en Dreamweaver, usando .asp con juegos de vinculaciones.
.
1) Tengo una base de datos llamada "Fotografias". En ella guardo 2 tamaños diferentes de imágenes: Pequeña y grande.

2) En el directorio raiz tengo una carpeta llamada album_fotos, y dividida en dos carpetas: "fotografias_grandes" y "fotografias pequenas".

3) He creado un juego de vinculaciones: La imagen, con su texto, son dinámicos, y se sacan de la base de datos. La base está conectada con mi servidor remoto, y saca todas las imágenes (pequeñas) de mi carpeta sin problema alguno.
4) Tengo dos preguntas, para quien pueda ayudar:

a) Una vez que he conseguido crear la galeria de fotos ¿Cómo puedo pinchar la imagen pequeña que sale para que se abra una ventana nueva, sea un popup o una página nueva, -no me importa- con la imagen en grande? O sea, ¿cómo de puedo tirar de la imagen grande correlativa a la pequeña que está visible?.
b) ¿Como puedo hacer que las imágenes salgan de forma horizontal? Cuando hago juegos de vinculaciones me sale todo (sean textos o imágenes) de forma vertical, pero nunca horizontal.

Por cierto, no me interesa crear un album de fotos directamente con Dreamweaver/Fireworks. He preferido hacerlo de forma dinámica.
Espero haberme explicado bien. Saludos y gracias.

[juaniquillo]

Te digo. el primero es facil. solo tienes que hacer un link dinamico en la imagen el cual pase un parametro que identifique la el record (el id es lo mas inicado) usando el panel de behaviors ya que quieres que la imagen se abra en otra ventana. En la pagina de la imagen haces un recorset el cual recoje el parametro y lo identifica, mostrandote asi la foto.
Lo segundo es algo mas complicado y no tengo tiempo para una demostracion grafica ya me voy saliendo por el fin de semana, pero si todavia tienes problemas el lunes te sigo diciendo.
suerte.

[GUW]

Muchas gracias, Juaniquillo. ¿Podrías explicarme tus opciones usando las funciones específicas del Dreamweaver? No consigo captarlo todo...

Hago de la imagen un link dinámico y...

para abrirlo en otra ventana tengo "abrir ventana del navegador" o crear directamente otra página para ver resultados (la misma imagen pero en grande)... pero ¿Cómo hago la llamada a la base de datos para que la misma imagen pequeña (guardada en base de datos imagen/fotografia_pequena) se pueda ver en grande (guardada en imagen/fotografia_grande).

Todas las fotos están numeradas por igual: La imagen1 está en pequeño y en grande, y así sucesivamente...

Muchas gracias y un saludo,
GUW

[juaniquillo]

ya volvi, mucho mas relajado y algo mas bronceado.. jejeje
Ahora vamos a ponernos en la misma pagina. Empezamos por el primer problema:
Tu tienes una pagina donde los tumbnails los cuales estan vinculados dinamicamente desde una base de datos, cierto? Lo que quieres poder presionar el thumbnail y que eso te lleve a la foto grande, o a una pagina donde este la foto grande, cierto?

[GUW]

Que bien, relajado... Muchas gracias por contestar tan rápido.

Bueno, pues seguimos entonces... Te lo explico paso a paso.


1) Tengo una base de datos llamada "tb_fotografias". En la base, tengo los campos Id_fotografias, texto, imagen_grande, imagen_mediana, imagen_pequena.

En la carpeta raiz accedo a las imágenes así: imagenes/album_fotos/ y aqui guardo las tres carpetas correspondientes: imagenes_pequenas, imagenes_medianas e imagenes_grandes.

2) En una página web titulada "Album de fotos", he creado una tabla con dos columnas. He creado un juego de vinculaciones, con los campos id_fotografia, texto e imagen_pequena.

3) El texto lo tomo del mismo juego de vinculaciones (arrastrando a su lugar correspondiente en la tabla), pero la imagen, para que sea dinámica, la tomo: Insertando imagen, la tomo de la "fuente de datos" y allí me aparece en el juego de vinculaciones imagen_pequena. Lo arrastro hasta su lugar correspondiente en la tabla.

4) Con todo esto le doy a repetir region, y pagino los resultados (de 5 en 5).

5) Hasta aquí, perfecto. El juego de vinculaciones funciona: me extrae las imágenes de la carpeta a través de la base de datos, y el texto de la base directamente.

6) Pregunta, ¿Qué tendría que hacer para pulsar la imagen que se ve (imagen_pequena) y pueda acceder a la misma imagen en grande (guardada en la carpeta imagenes_grande con el mismo nombre, pero en mayor tamaño)? ¿que juego de vinculaciones, o filtraciones, o vinculos, o lo que sea me permitirían hacer esto? ¿Es posible, o tendría que cambiar algo en el proceso?

Muchas gracias de nuevo...

Tu tienes una pagina donde los tumbnails los cuales estan vinculados dinamicamente desde una base de datos, cierto? Lo que quieres poder presionar el thumbnail y que eso te lleve a la foto grande, o a una pagina donde este la foto grande, cierto?

[GUW]

Aunque he explicado todo el proceso, visto tu interés desinteresado en ayudarme (no sabes cuanto te lo agradezco), la respuesta a tu pregunta, partiendo de cero una vez expuesto el problema de manera clara, es SI.


Tu pregunta (Tu tienes una pagina donde los tumbnails los cuales estan vinculados dinamicamente desde una base de datos, cierto? Lo que quieres poder presionar el thumbnail y que eso te lleve a la foto grande, o a una pagina donde este la foto grande, cierto?)

[juaniquillo]

Pues perfecto, ahora todo claro. Pues vamos a resolver el primer problema. Me dices que las fotos las tienes en la misma carpeta, pero supongo que estan nombradas de diferentes formas:
ejemp: foto1_grande.jpg - foto1_pequeña.jpg
Solo digo esto porque, bueno, no se puede tener fotos que se llamen igual en la misma carpeta. Para la proxima vez lo mejor sera guardar los thumnails en una carpeta y las imagenes grandes en otras (y las medianas en otra si asi es el caso). Pero el hecho que tienes el direcctorio de donde estan las fotos y que hayas usado la base de datos para guardar los detalles de cada record lo hace todo facil.
ok, me imagino que tienes algo asi:


lo cual a mi me da el siguiente resultado:


Ahora, lo que hay que hacer:
Me imagino que hiciste un recordset donde haces la consulta con la base de datos. Por lo que veo arriba, solo incluiste en consulta el ID de la foto y el nombre de la foto pequeña. Necesitas incluir el nombre de la foto grande en la consulta, osea, la que quieres que ser vea cuando se pulse la foto pequeña. Despues de eso haces el link de esta forma:

directorio/<?php echo $row_recorset ['imagen_grande'];?>

Donde el direcctorio es el direcctorio o 'path' donde se encuentra la foto, y la variable a la que le vas a dar echo es la variable $row que DW hace cuando hace en recorset (para ser mas especifico, la que aplica la funcion 'mysql_fetch_assoc'). La forma mas facil de darle echo a las esas variables es la siguiente:

Primero haces un link al direcctorio donde estan las fotos. Vas a hacer un link normal a cualquiera de las fotos del directorio donde estan las fotos, lo que queremos es linkear al direcctorio primero. Osea, le das click a la imagen, vas a seccion de 'link' en el 'Properties inspector' y le das click al folder al lado del encasillado de 'link' y cuando se abra la ventana vas al directorio donde guardas las fotos grandes y escojes cualquier foto y le das a ok:

[GUW]

Gracias, Juaniquillo. Se me olvidó decir que estoy trabajando en .asp. Así que intentaré analizar tu mensaje para trasladarlo al lenguaje asp. A ver que tal...

[GUW]

Sí, lo decía en mi primer mensaje "He creado una galeria de fotos en Dreamweaver, usando .asp con juegos de vinculaciones." Lo que me expones es php, no?. Trataré de traducirlo a asp...

[juaniquillo]

Despues, teniendo la imagen seleccionada le das al boton de 'Code':


En el codigo el source de imagen estara seleccionado. Lo que nos interesa cambiar es el link, osea el <a href=''>, mas especificamente el nombre del archivo:


Borras el nombre del archivo y lo remplazas con la variable sacada de tu base de datos que representa el nombre de la foto grande. La forma mas facil es arrastrar la variable desde el panel de 'Bindings':

[juaniquillo]

no importa que lo hagas en asp, es lo mismo. DW lo hace de la misma forma.

[GUW]

Pues voy a por ello. En el momento que tenga resultados te lo escribo. Gracias de nuevo...

[juaniquillo]

Ya me diras. Recuerda que DW utiliza el mismo metodo visual para todos los lenguajes server side, con exepcion de .NET, el cual es diferente. Pero lomismo arriba aplica ya sea para ASP y para Coldfusion.

[GUW]

Ok. Una cosa, que creo puede provocarme un problema. He realizado todos los pasos, exactamente como me lo describes, pero revisando tu mensaje te aclaro, por si el error puede venirme de ahí: Las fotos están en carpetas diferentes: Las pequeñas en imagenes_pequenas. con nombre foto_1, foto_2, etc...; las mismas fotos, pero en mayor tamaño, las guardo en la carpeta imagenes_grandes, con los mismos nombres: foto_1, foto_2, etc...

¿Qué piensas?

[GUW]

Bien.

HE seguido paso a paso lo que me propones, y me queda algo así:

"<a href="imagenes/fotografias/album_fotos/fotografias_grandes/<%=(rs_album_fotos.Fields.Item("imagen_grande").Va lue)%>"><img src="<%=(rs_album_fotos.Fields.Item("imagen_pequen a").Value)%>" border="0" /></a></div></td>"

que es, más o menos, lo que escribes.

Pero me da error. Por lógica todo debería funcionar, aunque te comento una cosa: Este vínculo que estamos haciendo: ¿Donde se abriría?. Porque si la página web es (por ejemplo): loquesea.com/album_fotos.asp, cuando pincho el vínculo que he creado se abre una página con error que dice: "loquesea.com/imagenes/fotografias/album_fotos/fotografias_grandes/imagenes/fotografias/fotografias_grandes/fotogrande_1. No se si me explico, pero... ¿debería crear otra página diferente para ver las fotos en grande?¿quizá una ventana en el navegador (popup).

Bueno, por ahí voy...

[juaniquillo]

esa era otra cosa que se me olvido comentarte. ese link deberia llevarte a la imagen como tal. si quieres puedes crear una pagina para poner la imagen y que el link te lleve a la pagina y no a la imagen. esto, en cierta forma, seria mas facil de hacer. solo tienes que hacer el link a la pagina donde va a estar la imagen y envias en el link, como parametro, el id de la foto. en la pagina donde va a estar la foto haces un recorset filtrando el id (foto_id = URL parameter foto_id) y haciendo una imagen dinamica con el nombre de la imagen grande.

En cuanto al error, que dice? es un error de ASP o el link te lleva a una pagina que no exixte?

[GUW]

Lo de crear una página para ver las imagenes grandes no hay problema. Es en lo que estamos que me da error...

El caso es que, haciendo todo lo propuesto, paso a paso, al linckear la imagen para que se abra la imagen grande se me abre una pagina web con error, y no sé porqué, o cual es el problema. O sea, afirmativo, el link me lleva a una página que no existe.

He revisado la base de datos, y esta todo correcto. Sigo intentándolo...

[GUW]

Vale, ya tengo un error. Cuando se me abre la página nueva con la imagen en grande, no sé porqué, pero me duplica los datos. Me explico:

En lugar de poner:
imagenes/album_fotos/fotografias_grandes/foto_1.jpg

que es como se ve correctamente la foto, me duplica las carpetas y me abre una pagina asi:

imagenes/album_fotos/fotografias_grandes/imagenes/album_fotos/fotografias_grandes/foto1.jpg

una cosa muy rara, porque el vinculo es correcto... bueno, al menos voy avanzando...

[GUW]

LO TENGO!!. Fíjate:

Lo que he hecho es lo siguiente:

ORIGEN: Insertar foto/Fuente de datos/imagen_pequena

VINCULO: Insertar foto/Fuente de datos/imagen_grande

Pero en Vinculaciones (o recordset) ordeno Id_fotografia por Ascendente, y coinciden las pequeñas con las grandes sin ningún problema.

PERFECTO. Mil Gracias, JUANIQUILLO.

¿Vamos al segundo problema?

¿Cómo puedo hacer que se vean las fotos de forma horizontal?

Al igual que en repetir región puedo elegir los registros que quiero que se vean, y los ordeno con Paginación de registros... ¿No podría controlar así los registros de forma horizontal, en lugar de vertical, como me salen todas las fotos?

[juaniquillo]

Me alegro que por fin haya funcionado. Bueno, para el otro problema. Este problema es mas complejo que el anterior y lo he resuelto en ASP antes pero hace tiempo, asi que tengo que acordarme como es (hace tiempo que no trabajo con ASP, ahora trabajo con PHP como viste arriba). Mientras tanto te puedo recomendar esta extension para Dreamweaver que hace lo que queires,pero por alguna razon no la pude hacer funcionar. Trata a ver si a ti te funciona. Ve al mensaje:
http://www.forosdelweb.com/f17/region-repetida-horizontal-406700/

Me dices que tal.

[GUW]

Estoy en ello, Juaniquillo. Trataré de hacerlo así como me propones; si tengo problemas, intentaré trastocar el código asp. En cuanto tenga algo te lo comunico. Saludos.