Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

viernes, 8 de abril de 2011

Como insertar contenedores con imágenes

Lorempixum es un interesante recurso que es muy útil a la hora de trabajar en tiempo de diseño con contenedores que muestran imágenes que—todavía—no hemos decido si insertar o no. Esta aplicación Web  nos permite insertar en nuestra plantilla o sitio Web (en borrador) un contenedor con una imagen de acuerdo a las dimensiones que declaremos.

Como insertar contenedores con imágenes

De esta manera, bien vía Web o bien mediante una declaración inline es posible recurrir a sintaxis del tipo:

http://lorempixum.com/output/people-q-c-640-480-8.jpg


para obtener una imagen de estas características insertada en nuestro sitio Web o blog.


Las opciones son interesantes:

  • http://lorempixum.com/400/200to » genera una imagen aleatoria de 400 × 200px 
  • http://lorempixum.com/g/400/200to » inserta una imagen en escala de grises de 400 × 200px
  • http://lorempixum.com/400/200/sports » toma una imagen aleatoria de 400 × 200px de la categoría de deportes (sports)
  • http://lorempixum.com/400/200/sports/1to » muestra la imagen 1 de 10 de la categoría sports
Las categorías disponibles son:
  • abstract
  • animals
  • city
  • food
  • night
  • life
  • fashion
  • people
  • nature
  • sports
  • technics
  • transport

Sitio Web | Lorempixum
Share:

Publicidad

Estadísticas