Todo Para el WebMaster

Un lugar donde se puede encontrar temas relacionados con la programación, el diseño y el desarrollo web.


Simpleviewer, para crear tu galería de imágenes


La galería se llama simpleviewer y es realmente interesante y fácil de utilizar y es mucho más agradable.
Si bien al bajar los archivos descubrirás lo fácil que es personalizarla, de todas formas veremos cuales son los archivos que llamaran a nuestra imagen en la galería, para que de esta forma si no tienes experiencia sepas como poner tus propias fotos en Simpleviewer.
Al bajar los archivos veremos varias carpetas, que en resumen cada una de ellas es la misma galería, solo que con pequeños cambios en su aspecto, por ejemplo en el diseño en el footer, header, con la opción de agregar una caja de texto de lado izquierdo, etc. Pero mas haya de los pequeños cambios en cada una de las galerías, recuerda que sigue siendo la misma galería “simpleviewer”, por lo tanto a la hora de configurarla serán exactamente los mismos pasos siempre.
¿Como agregamos nuestras imagenes en la galeria?
Al descargar los archivos y revisar una de las galerías encontraremos estos archivos:

Primero nos enfocaremos en nuestras imágenes, ósea las imágenes que deseamos mostrar en la galería. Como puedes ver tenemos dos carpetas para ellas, una para la imagen en tamaño normal llamada “Images” y otra que es la carpeta “thumbs” que contendrá nuestra imagen miniatura.
Las imágenes de nuestra galeria tanto para el tamaño normal como para la miniatura deben llevar el mismo nombre, y cada una en su carpeta correspondiente.

Una vez que hemos agregado todas las imágenes que deseamos mostrar en ambas carpetas, necesitamos editar el archivo “gallery.xml” para llamar a nuestras imágenes y posteriormente se muestren en nuestra galería. Entonces abrimos el archivo “gallery.xml” y comenzamos a llamar a las imagenes que deseamos mostrar.


Demo - Descarga simpleviewer

This entry was posted on 17:20 and is filed under Codigos y Scripts . You can follow any responses to this entry through the RSS 2.0 feed. or trackback from your own site.

Marcadores:
  • enchilame
  • enchilame
  • enchilame
  • Agregar a Meneame
  • facebook
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks




Entrada más reciente Entrada antigua Inicio


  • Categorias

    • Aplicaciones Utiles (4)
    • Aplicaciones Web (7)
    • codeigniter (2)
    • Codigos y Scripts (29)
    • CSS (4)
    • Diseño (23)
    • Fonts / Fuentes (6)
    • Herramientas (11)
    • joomla (2)
    • Manuales y Libros (3)
    • Obten dinero (4)
    • seguridad (1)
    • SEO (3)
    • Servidores (8)
    • Sistemas Operativos (3)
  • Suscribirse

    Entradas
    Atom
    Entradas
    Comentarios
    Atom
    Comentarios

    Archivo

    • ►  2011 (1)
      • ►  febrero (1)
    • ►  2010 (1)
      • ►  febrero (1)
    • ►  2009 (7)
      • ►  octubre (1)
      • ►  mayo (2)
      • ►  marzo (3)
      • ►  enero (1)
    • ►  2008 (46)
      • ►  noviembre (3)
      • ►  octubre (3)
      • ►  septiembre (5)
      • ►  junio (1)
      • ►  mayo (2)
      • ►  abril (6)
      • ►  marzo (6)
      • ►  febrero (13)
      • ►  enero (7)
    • ▼  2007 (39)
      • ►  diciembre (1)
      • ►  octubre (2)
      • ▼  septiembre (36)
        • Menus Horizantales con CSS
        • Listado de Webhosting PHP Servers
        • Templates Web 2.0 Gratis para Web Design
        • LiveValidation: Validación de Formularios
        • Glossy: Efecto redondeado en nuestras imagenes
        • Font Reactor: Gran Colección de Fuentes Gratis
        • Videotutorial de DreamWeaver: Aprendelo YA!
        • Efecto agua en imagenes
        • 165 Iconos Vectoriales, en 5 Colores
        • Menu hecho con imagenes (AJAX)
        • Fancy Sliding Tab Menu V2
        • Cómo funciona de Text Link Ads
        • Web20badges: Generadores de Badges online
        • Boxstr: 10 GB de almacenamiento gratis para nuestr...
        • CCleaner: Windows Más Limpio y Eficiente
        • Editor de Código Fuente
        • Obtenga Ingresos Con los Anunciantes más relevantes
        • Potentes servidores web Gratuitos
        • Imageloop, Crear slideshow bellos para tu blog, rá...
        • My Banner Maker, Crear banner publicitarios en min...
        • Un catalogo de más de 6.00 fuentes gratuitas: GMK ...
        • Ajaxlookup, Verifica si un nombre de domino se enc...
        • HotShare, Carga todos los Archivos que Quieras
        • All2convert, Convertir todos tus formatos online: ...
        • Simpleviewer, para crear tu galería de imágenes
        • Servidores locales para tus webs o blogs
        • GreyBox, ventanas flotantes para nuestra web
        • Libros online para desarrolladores web
        • Aprender a programar: Ahora mas facil y mejor con ...
        • Más de 50 aplicaciones listas para instalar para n...
        • Las mejores herramientas gratuitas para diseño
        • Web Developer – Herramientas útiles para todo desa...
        • BoxOver: Agregando tooltips en nuestra web
        • Lightbox++, una versión modificada de Lightbox
        • Diseñando tablas agradables para tu web
        • Tabs con efecto acordeón

Todo Para el WebMaster © 2008