Slick.js: Masque le curseur jusqu'à ce que les images soient chargées

À l'aide de Slick.jscomment fait-on cacher la glisser jusqu'à ce que les images ont chargé ou au moins la première image a été chargée? J'ai essayé d'utiliser initmais ne pouvait pas le faire fonctionner. Rien n'est sortie de la console, soit.

var $slider = $('.slider').slick({
    fade: true,
    focusOnSelect: true,
    lazyLoad: 'ondemand',
    speed: 1000
});

$('.slider').on('init', function(slick) {
    console.log('fired!');
    $('.slider').fadeIn(3000);
});

J'ai aussi essayé window loadmais qui n'ont pas le fixer.

$(window).load(function() {
    $('.slider').fadeIn(3000);
});

http://jsfiddle.net/q5r9ertw/

source d'informationauteur J82