Lytebox va muy lento en IE

Si utilizas el lightbox lytebox‘ pero las transiciones te funcionan muy lentamente, tal vez lo mejor sea deshabilitarlas aunque sea solo para IE.

Para ello, abrimos el archivo “lytebox.js” y en línea 37 tenemos que poner:

this.doAnimations = (document.all && !window.opera) ? !checkVersion() : true;

y unas líneas más arriba entre “String.prototype…” y “function LyteBox() {“, añadimos esta función:

function checkVersion() {
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
        var ieversion = new Number(RegExp.$1)
        if (ieversion > 8 )
            return false;
        else if (ieversion <= 8 )
            return true;
    }
    return false;
}

No se ven los botones de close, prev, next de lytebox en IE8

Esto pasa con la versión 3.22 de lytebox.

No se ven ninguno de los botones (close, play, prev, next), ni tampoco el fondo oscuro del lightbox.

Para solucionarlo tenemos que hacer algunos cambios en la lytebox.css.

Se trata de pasar el estilo que se determina para un elemento en la subclase .gray a la clase principal.

Así, por ejemplo, el código:

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px;}
#lbClose.grey { background: url(../images/admin/close_grey.png) no-repeat; }

Pasaría a:

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(../images/admin/close_grey.png) no-repeat;}
#lbClose.grey { background: url(../images/admin/close_grey.png) no-repeat; }

Esto lo tenemos que ir haciendo también para #lbPause, #lbPlay, y #lbOverlay.

Ojo con los #lbPrev, y #lbNext.

En este caso tendremos que incluir una linea como:

#lbNext:hover, #lbNext:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }

Saludos!