[ un desarrollo de PATAGONIA CREATIVE ]
Email Facebook Rss

Archivos en Categoria: Galerias

  • Diseño Web | Galerias | Javascript | Scripts

    12 /06 / 2008 - 12:50 am

    Publicado por Nikko.

    • 15
    • 3.594

    Social Link

    MooSlideBox 3.2

    mooslidebox32.jpg

    Seguramente recordaran el articulo sobre mooSlideBox comentado hace meses aquí, básicamente un script que nos permitía generar una especie de “lightbox”, aunque esto es muy contradictorio, porque es realmente muy diferente o pensado para otro tipo de cosas. Pero en fin, lo cierto es mooSlideBox posee un efecto realmente agradable y acaba de ser lanzada su versión MooSlideBox 3,2, que será inclusive mas simple de usar y la cual nos permitirá jugar con una mayor cantidad de opciones con respecto a la anterior. Lo mejor: El deslizador que puede contener cualquier contenido, a fin de poner vídeos, flash, imágenes, texto o html. Los efectos, que son agradables y a la vez muy simples. Y una de las nuevas opciones, la posibilidad de definir ahora desde donde deseamos aparezca nuestros contenedores: de arriba o de abajo. Definitivamente MooSlideBox es sin duda ese tipo de script que vale la pena tener en cuenta para algún proyecto online en el cual te encuentras trabajando.

    Ver demos - Info y descarga MooSlideBox 3,2

    Fuente visual-blast

  • Diseño Web | Flash | Galerias | Javascript | Scripts

    06 /06 / 2008 - 1:58 am

    Publicado por Nikko.

    • 15
    • 8.365

    Social Link

    JW Image Rotator

    jwrotaim.jpg

    JW Image Rotator es un Flash que nos permitirá montar una especie de diapositivas o galería de imágenes donde las mismas irán cambiando luego de una secuencia de tiempo determinado. Los resultados que se pueden lograr con JW Image Rotator son realmente muy agradables, mas aun, la cantidad de efecto que descubrirás al producirse la rotación de imágenes.

    • Permite rotar RSS, XSPF o listas de reproducción ASX con JPG, GIF y PNG
    • Posee un amplio rango de variables (Javascript API) para personalizar el comportamiento y la apariencia;
    • Además en su sitio ofrecen un asistente (Wizard) que permite generar el Flash listo para agregarlo a una página.
    • y mucho mas…

    Ver Demo – Mas info y descarga JW Image Rotator

    Via pixelco – webresourcesdepot

  • CSS | Diseño Web | Galerias | Scripts

    29 /05 / 2008 - 8:40 pm

    Publicado por Nikko.

    • 15
    • 5.958

    Social Link

    CSS Decorative Gallery

    cssdecorativega.jpg

    CSS Decorative Gallery, un agradable tips que servirá básicamente para inspirar o enseñar como decorar completamente nuestras galerías de imágenes o darles un estilo completamente diferente (la idea es añadir pequeños objetos). El truco es realmente simple de seguir, y prácticamente se basa en el uso de algunas etiquetas y la superposición de algunas de las imágenes. Podrán ver unos 20 estilos diferentes aproximadamente, desde un simple icono, a resultados aun mas complejos, y cantidad de opciones mas. Sin duda, un articulo recomendado, mas aun, si estas pensando en crear tu porfolio o galería personal.
    Ver Demos - Mas info y descargas CSS Decorative Gallery

    Conceptos Basicos

    PLAIN TEXT
    CSS:
    /* ---------- gallery styles start here ----------------------- */
    .photo {
        margin: 30px;
        position: relative;
        width: 180px;
        height: 130px;
        float: left;
    }
    .photo img {
        background: #fff;
        border: solid 1px #ccc;
        padding: 4px;
    }
    .photo span {
        width: 20px;
        height: 18px;
        display: block;
        position: absolute;
        top: 12px;
        left: 12px;
        background: url(images/digg-style.gif) no-repeat;
    }

    estructura

    PLAIN TEXT
    HTML:
    <div class="photo">
        <a href="#"><span></span><img src="images/11.jpg" alt="image" /></a>
    </div>

  • Diseño Web | Flash | Fotografia | Galerias | Recursos Web

    30 /04 / 2008 - 2:51 am

    Publicado por Nikko.

    • 15
    • 9.091

    Social Link

    Parallax Gallery – Extraordinaria galería en flash para tus proyectos

    parallax.jpg

    En estos meses, debo decir que he visto galería de imágenes realizadas en flash muy originales, inclusive gran parte de ellas muy simple de utilizar y fáciles de adaptar a nuestros proyectos. Debo admitir que todo lo relacionado a animaciones en flash no es mi punto fuerte, si tuviera que realizar un trabajo muy complejo a pedido donde todo se basara únicamente en flash y la idea sea lograr efectos y animaciones muy originales, dudo que pueda lograrlo, supongo que es por eso siempre suelo tener recursos que me ayuden a tener una base al trabajar, o en el mejor de los casos trabajar en conjunto con alguien experto en esta área que se dediqué de lleno a trabajar en elementos flash. Aunque esto no quiere decir, que no suela animarme a jugar con algunas aplicaciones y crear bonitas animaciones por mi cuenta. Pero repito, no es mi punto fuerte.
    Hoy acabo de ver en Webdesignerwall un bonito tutorial y una buena alternativa para montar nuestras galerías de imágenes en flash con desplazamientos con una originalidad extraordinaria. Parallax Gallery utiliza en gran mayoría animación 2D donde las imágenes del fondo y las imágenes del primer plano suelen desplazarse a diferente velocidad. Con esto se crea una ilusión de profundidad, donde las imágenes del fondo se mueven más lento que las imágenes del primer plano. A esto sumarle, que al hacer clic sobre una sección o foto a mostrar, se genera una especie de Lightbox mostrando en mayor resolución la imagen que contiene ese elemento. Parallax Gallery se puede descargar de forma libre, inclusive el pack posee el trabajo final, y los archivos necesarios para modificar cuanto desees de esta galería. Inclusive en el post original, podrás aprender desde cero como crear algo similar, algo que será muy útil si realmente deseas aprender a crear este tipo de trabajos por tu cuenta, y te lleve a lograr otro tipo de resultados.

    Ver DEMO - Mas Info y Descarga Parallax Gallery

  • Galerias | Scripts

    17 /04 / 2008 - 4:30 am

    Publicado por Nikko.

    • 15
    • 8.978

    Social Link

    jQuery virtual tour – Para crear visitas virtuales

    vitualjquery.jpg

    jQuery virtual tour una extensión para simple panorama viewerr que nos permite jugar un poco más con jQuery añadiendo interactividad al transformar algunas vistas panorámicas en una visita virtual. jQuery virtual tour tiene la particularidad de ser accesible y puede funcionar incluso si el javascript no se ha activado. Para la navegación utiliza las etiquetas estándar < map > y < area /> con las cuales crearemos áreas en nuestro Tour virtual con información adicional. Quizas lo mejor sea que no hay necesidad de utilizar Flash, Quicktime o Java.

    Ver Demo - Mas info jQuery virtual tour
    Uso
    En Nuestro encabezado < head >, realizamos las llamadas correspondientes

    PLAIN TEXT
    JavaScript:
    <link rel="stylesheet" type="text/css" href="css/thickbox.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" media="screen" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.panorama.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("img.advancedpanorama").panorama({
                        auto_start: 0,
                            start_position: 0
                /* add your execution parameters here */
                 });
        });
    </script>
    <script type="text/javascript" src="js/cvi_text_lib.js"></script>
    <script type="text/javascript" src="js/jquery.advanced-panorama.js"></script>
    <script type="text/javascript" src="js/thickbox.js"></script>

    En nuestro contenido añadimos la imagen panorámica, y creamos las áreas interactiva mediante coordenadas. Añadimos la clase “thickbox” si se trata de imágenes.

    PLAIN TEXT
    HTML:
    <img src="img/sculpteur.jpg" class="advancedpanorama" width="2448" height="375" usemap="testmap" alt="Atelier du sculpteur" />
    <map id="testmap" name="testmap">
            <area shape="rect" coords="1653,72,1839,255" href="index.html" alt="vers la salle de formation" />
            <area shape="rect" coords="2013,114,2091,210" href="img/statue1.jpg" alt="statues" class="thickbox" />
            <area shape="rect" coords="1920,276,2070,351" href="img/gouges.jpg" alt="gouges" class="thickbox" />
    </map>

  • Diseño Web | Galerias

    03 /04 / 2008 - 3:13 am

    Publicado por Nikko.

    • 15
    • 3.681

    Social Link

    Slide showcase – Una bonita galería, ideal para tu sidebar

    slideviki.jpg

    Vikiwokrs acaba de rediseñar nuevamente su blog (adoro como trabaja). Pero quien lo haya visita semanas atrás, seguramente al igual que a mi, les habrá llamado la atención una pequeña galería integrada en su sidebar, donde mostraba parte de su porfolio. La verdad es que es sencilla, pero admito que me ha gustado mucho. Y creo que la usaría de la misma forma, integrada a mi sidebar, porque es muy sencilla, posee solo lo necesario, y sin duda llamara la atención, como sucedía cada vez que ingresaba a Vikiwokrs. Justamente hoy, podrán comenzar a descargar Slide showcase, precisamente la galería que había montado en su momento yichi en su blog.

    Mi Demo – Mas info y Descarga Slide showcase by Vikiworks

  • Galerias | Javascript | Scripts

    10 /03 / 2008 - 2:19 am

    Publicado por Nikko.

    • 15
    • 14.694

    Social Link

    Javascript image gallery

    jagallery.jpg

    JavaScript image gallery, una galería en javascript y escrito en jQuery que posee realmente un aspecto muy agradable. Carga las imágenes una a una, seleccionándolas desde un panel inferior desde sus miniaturas. Mediante la hoja de estilo galleria.css es realmente fácil personalizarla en caso de desearlo. No tengo duda que esta agradable galería, podrá ser una buena base para crear sus propias galerías con diseños realmente asombrosos.

    Ver Demo 1 - Ver Demo 2 - Descarga - Mas info monc


Pagina 4 de 8«12345678»