Cycle 2 does not work

I've been able to do a slyde with pagers, but I had to invoke the cycle function. I say this because in the official website it says that it does not need any line of code, everything is done by marking, but in fact it was not so, now coming back to the subject, I will leave the vertical carousel code:

<div id="t2"class="slideshow vertical" data-cycle-carousel-vertical=true 
data-cycle-carousel-visible=4>
    <img src="01.jpg" width="80" height="80">
    <img src="02.jpg" width="80" height="80">
    <img src="03.jpg" width="80" height="80">
    <img src="04.jpg" width="80" height="80">
    <img src="05.jpg" width="80" height="80">
    <img src="06.jpg" width="80" height="80">
    <img src="07.jpg" width="80" height="80">
    <img src="08.jpg" width="80" height="80">
</div>

$(function() 
{
    $('#t2').cycle();
});