Ir a la página de inicio

Saltar menú

Blog de ST Visual, dedicado al diseño Web, posicionamiento en buscadores, etc.

Solución al problema de las imagenes PNG transparentes con jquery.cycle en Internet Explorer

18 de julio, 2013

Cycle es un plugin jquery para crear fácilmente slides para nuestras páginas Web. Es un plugin con mucha popularidad y que nosotros utilizamos habitualmente.

En muchos desarrollos por cuestiones de diseño se hace necesario el uso de imágenes PNG con transparencias en el slide y si usas Cycle te puedes encontrar con que en alguna versión de Internet Explorer, principalmente las más antiguas, las imágenes PNG se muestran con un fondo de color blanco.

jquery

La solución para este problema es muy sencilla. Tienes que añadir las propiedades cleartype: true, cleartypeNoBg: true al código. Un ejemplo de como quedaría sería este:
$(‘#slider’).cycle({
fx: ‘scrollUp’,
speed: 500,
timeout: 5000,
pager: ‘.pagination’,
cleartype: true,
cleartypeNoBg: true,
permalinking: true,
wiggle: false
});

Antes de añadir estas líneas es importante que compruebes que tienes actualizado el plugin a la última versión.

Clasificado bajo: jquery | Sin comentarios »

Diseño Web: ST Visual - © 2007 - Todos los derechos reservados - Aviso Legal - Accesibilidad

  • XHTML Válido!
  • CSS Válido!
  • CSS Válido!