Archivo de etiquetas de 'jQuery'

Innerfade para WordPress

Aquí os dejo un pequeño plugin para WordPress para que integrar Innerfade sea algo más fácil. Innerfade es un efecto de jQuery creado por Torsten Baldes que usé el otro día en esta entrada para crear una pequeña diapositiva de imágenes… :)

Innerfade (plugin para WordPress)

Innerfade

Descripción

Innerfade es un plugin para WordPress que usa jQuery para crear transiciones de imágenes. Está basado en este script de Torsten Baldes.

Instalación

  1. Descomprime innerfade.zip en tu escritorio
  2. Abre el archivo innerfade.php con un editor de texto
  3. Si tu blog ya usa jQuery (por ejemplo si usas el theme K2) borra la línea 13, para no cargar la librería dos veces
  4. Mira las notas en las líneas 22-25 y haz cualquier cambio que desees. La opción más importante a tener en cuenta es “containerheight”, que debe indicar el alto en píxeles de de las imágenes (por defecto 200px)
  5. Guarda los cambios y sube la carpeta innerfade al directorio plugins de tu blog para que quede así:
    tublog.com/wp-content/plugins/innerfade/
  6. Activa el plugin

Ejemplo de uso

Usa el siguiente código para crear transiciones en cualquier entrada o página de tu blog.

El funcionamiento es simple: la etiqueta <ul> crea una lista, mientras que la etiqueta <li> define cada elemento de la lista. El plugin buscará listas con el class “innerfade” y las convertirá en transiciones.

  • Imagen 1
  • Imagen 2
  • Imagen 3

También se pueden poner enlaces a las imágenes.

Demo

  • Mafia II - Imagen 1
  • Mafia II - Imagen 2
  • Mafia II - Imagen 3

Descargar

Innerfade [15,3Kb - zip - modificado 11-03-08]

Si quieres mantenerte informado sobre futuras actualizaciones de este plugin, vuelve de vez en cuando por aquí o suscríbete al
Canal RSS de este blog

Mafia 2

  • Mafia II - Imagen 1
  • Mafia II - Imagen 2
  • Mafia II - Imagen 3

Sólo con ver las imágenes de Mafia 2 ya se percibe la impresión que da de ser un juego bien hecho - justo la misma sensación que siempre he tenido con Max Payne (I y II). Y es más, si se parece a su predecesor, este juego va de cabeza a la pared de la fama… :razz:

Por desgracia aún no hay fecha de lanzamiento oficial, sólo estas imágenes y un trailer cinemático (muy recomendable también).

Y de paso estreno este efecto de transición de imágenes, que probablemente use de vez en cuando en futuras entradas. Por si a alguien le interesa, he usado un plugin para jQuery llamado Innerfade que ocupa unos 5Kb. Aún así se puede comprimir para que no pase de 3Kb. ;)