:::: MENU ::::

Polaroid Gallery

Polaroid Gallery es una galería de imágenes hecha en Flash por Christopher Einarsrud. El uso de esta galería es muy sencilla pues configurando un archivo XML puedes agregar las imágenes que deseas mostrar al estilo de fotos tipo polaroid.

polaroid-logo.jpg

Esta galería ademas de ser fácil de personalizar, tiene opciones para adelantar y retroceder entre las imágenes, efecto de zoom al seleccionar la imagen y un muy buen acabado visual.

polaroid.jpg

Personalizando la Galería
Lo primero es descargar los archivos desde polaroid_20070716.zip. Luego de extraer el contenido del archivo zip, encontramos el archivo polaroid.swf que se encarga de mostrar las imágenes y el archivo photos.xml donde se pueden configurar las imágenes.

Editamos el archivo photos.xml para indicar donde se encuentras las imágenes, para ello este xml tiene los nodos en donde colocamos la descripción y la ruta a la imagen:

<photo desc="Descripcion" url="imagen.jpg"/>

Luego si deseamos agregar 5 imágenes que se encuentran en la carpeta img a nuestra galería, tendríamos el siguiente código:

<?xml version="1.0" encoding="utf-8"?>
<photos>
<photo desc="Cerdo" url="img/img02.jpg" />
<photo desc="Camaleon" url="img/img03.jpg" />
<photo desc="Lobo" url="img/img04.jpg" />
<photo desc="Tigre" url="img/img06.jpg" />
<photo desc="Colibri" url="img/img07.jpg" />
<photo desc="Puma" url="img/img08.jpg" />
</photos>

Pueden ver el resultado de este ejemplo en: http://samples.unijimpe.net/polaroid/ y finalmente les dejo los archivos fuente para descargar.


15 Comentarios

  • David |

    he oido que tambien se pueden visualizar las fotos desde flickr sabes como se puede hacer eso??

    saludos David

  • gaby |

    alguien puede decirme como compilar todo en una solo archivo, asi se puede subir a internet

    gracias, y prdonen mi ignorancia

  • *Ary |

    Hola estoy en estas de comienzo web diseno y me pregunto se puede usar para mi web esta galeria actualizandola y dejando el archivo .html en link como gallery? un beso esta genial mucha info aqui buena page

  • Muchas Gracias |

    Muchas Gracias por la explicacion.Es el primer sitio que encuentro que lo explica de 10.
    Un saludo y gracias por compartir tu trabajo

  • Mariano |

    Hola muchisimas gracias esta muy bueno y me sirvió mucho, pero te hago una consulta como hago para cambiarle el fondo ese que es una foto de madera, muchisimas gracias,.

  • unijimpe |

    Para cambiar la imagen de fondo puedes descargar el archivo .fla, en donde puedes cambiar la imagen de fondo y exportarlo nuevamente.

  • jose |

    hola quisiera saber si cambio la medida del documento puedo hacer que el mc cargue en un lugar definido por mi, por ejemplo centrado. saludos

  • Nadia |

    El archivo .zip que está disponible para bajar no tiene el .fla, sólo el .swf… En el archivo polaroid_20070716.zip tampoco está… dónde puedo conseguirlo? Gracias!

  • edgar |

    a mi no me queda lo subo al hosting y no me visualiza las imagens y segun ya si esta todo bien configurado

  • yani |

    Pude quitar el fondo de madera de la galeria, pero no puedo sacar la bruma negra que tiene alrededor, sabes como puedo hacerlo? agradeceria muchisimo tu pronta respuesta,

    (cambie el mail ya que el anterior casi no lo uso)

  • hugo |

    Pude quitar el fondo de madera de la galeria, pero no puedo sacar la bruma negra que tiene alrededor, sabes como puedo hacerlo? agradeceria muchisimo tu pronta respuesta

  • Raul |

    quiero adaptarlo a mi facebook a 810 x 495 pero al hacer zoom a la foto… la foto se sale! como hago para q el zoom se ajuste a los 495 de alto?

    gracias

Publica tu comentario

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.