Effet d'icône de recherche de curseur

Question

Je souhaite obtenir l'effet présent sur le curseur supérieur de jQuery this site's. Vous pouvez voir les petites formes carrées jaunes indiquant que la position de la diapositive actuelle dans la liste devient progressivement plus petite, se rétrécissant vers le haut jusqu'à ce qu'elles disparaissent et que le curseur change d'image.

Voici a link with what I tried so far.

Answer 1

C'est un pur effet :)

Vous devez combiner ce que vous avez maintenant un élément enfant dans votre élément parent LI. Lorsque les feux curseur, vous animer la hauteur de cet élément de 0 à 100 sur 4000 MS, puis un rappel qui retourne la hauteur à 0.

ex:

$('.slider').animate({height: '100%'}, 4000, function() { 
    $('.slider').css('height','0'); 
}); 

Travailler ici: http://codebins.com/bin/4ldqp9c/39