Innerfade for WordPress

Descripción

Innerfade for WordPress es un plugin 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.

<ul class="innerfade">
  <li><img src="imagen1.jpg" alt="Imagen 1" /></li>
  <li><img src="imagen2.jpg" alt="Imagen 2" /></li>
  <li><img src="imagen3.jpg" alt="Imagen 3" /></li>
</ul>

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

6 Comentarios

  1. Excelente plugin, hace muy fácil la rotación de imágenes. Lamentablemente tiene un conflicto con el plugin CFORMS II, pero sin los usas en conjunto, no hay problema.

    Saludos!

  2. Hola EC, he estado mirando el código de este plugin y lo he reescrito un poco, creo que ahora está bastante mejor. Cuando pueda terminar el readme y alguna cosa más lo publico, aunque si quieres probarlo lo puedes encontrar en http://index.moskis.net/.

    Si pudieras decirme algo más del conflicto con CFORMS vería si hay algo que puedo hacer, si no está resuelto ya con estas correcciones.

  3. Hola,

    Que pronta respouesta. Te lo agradezco. En realidad, el CFORMS deja de enviar los emails una vez está activo el Innerfade.

    En otro proyecto, me tocó utilizarlos ambos y luego de mucho troubleshooting descubrí que había un conflicto entre los dos, así que cambie el CFORMS por otro plugin de formularios y sí funciono perfecto.

    Saludos!

  4. Hola de nuevo,

    Ok, gracias por tu respuesta :), aún así miraré a ver si sigue habiendo algún conflicto por si acaso, aunque puede que con los cambios que he hecho antes se haya resuelto.

    Saludos

  5. Hola, estoy tratando de usar innerfade.js con wordpress y no puedo. Podrías decirme como poner los últimos posts en diferentes para que innerfade los reconozca y los rote individualmente?

  6. Perfect, works like a charm. Even plays nice with other libraries.

3 Trackbacks

  1. Por Innerfade para WordPress | Moskis el 13 de marzo de 2008 a las 17:50

    […] Innerfade (plugin para WordPress) […]

  2. […] Innerfade – Moskis […]

  3. Por Innerfade for WordPress | WpMash - WordPress News el 17 de abril de 2010 a las 06:31

    […] See more here: Innerfade for WordPress […]

Publicar un Comentario

Tu email nunca será publicado o compartido. Los campos requeridos están marcados con un *

Puedes usar estas etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*
*