Hace tiempo que uso, y bastante, el plugin para jquery jCarouselLite para gestionar contenidos que quiero que sean scrollables. Es muy simple de configurar, y es muy liviano (2kb). Además, podemos hacer uso de cualquier efecto incluido en la librería easing, siempre y cuando la incluyamos. Pero no tenemos forma de hacer que los elementos hagan un efecto fade en las transiciones….. no?.Buscando y haciendo pruebas, conseguí lo siguiente:

$(”#photoContents”).jCarouselLite({

btnNext: “#btnNext”,

btnPrev: “#btnPrev”,

scroll: 1,

speed: 0,

visible: 1,

beforeStart: function(a){

$(a).parent().fadeTo(1000, 0);

var bg = $(a).find(’img’).attr(’src’);

$(’#photoContents’).css({

backgroundImage: “url(”+bg+”) top left no-repeat”

}, 1000);

},

afterEnd: function(a) {

$(a).parent().fadeTo(1000, 1);

}

});

Pero no funciona en explorer. Siempre podemos llamar con el efecto si no es explorer y con un efecto easing en caso de que sí que sea explorer….