Integrando nuestra fotos directamente desde Flickr

Publicado por Nikko el dia 13 Sep 2008 - Guardado en CSS, Diseño Web Leido 1,751 Veces

flickr.jpg

Para aquellos que me han preguntado cómo integrar sus imágenes de Flickr a sus blog sin recaer en la utilización de algún plugin para tal fin, una simple forma es la que utilizo yo en mi blog, directamente haciendo la llamada desde Flickr. Tan solo es necesario cambiar en el código nuestro id de usuario y la cantidad de imágenes que tenemos pensado mostrar.

Ver Demo

Codigo

JavaScript:
<span style="color:#0063DC">Flick</span><span style="color:#FF0084">r</span>
    <div class="flickr">

<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=4&amp;display=latest&amp;size=s&amp;layout=h&amp;source=user&amp;user=14412260@N08"></script>

</div>

count=4 Cantidad de fotos a mostrar
user=14412260@N08 nuestro ID de usuario
Agregando estilo

CSS:
.flickr a img{
    float:left;
    background: #F0F0F0;
    border: 1px solid #dedbd1;
    margin: 4px 9px 4px 0px;
    padding: 7px;
    list-style:none;
}
.flickr img:hover{
    background: #ebe9e1;
    border: 1px solid #dedbd1;
}

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

  1. [...] 2. Integrar fotos directamente a partir do Flickr. [...]

  2. kndelaria - Gravatar

    kndelaria

    13-09-2008

    Permalink

    Hola, no probaste de integrar las imagenes desde los albumes de picasa (google)?



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: