Everything works fine but the last navigation button which should scroll to the last page doesn't work for me. If I have two pages then page second button will not work. If I have 3 pages then first and second page button will work, but not third... What is wrong here? Here is my scrollable code:
This is the ".navi" element HTML after scrollable loads (in case of two pages):
Here's the image:
http://dl.dropbox.com/u/1207859/jqtools.jpg
$("div.scrollable").scrollable({
size: 3,
items: '#thumbs',
hoverClass: 'hover',
clickable: false,
loop: true
}).navigator();
<div class="scrollcont">
<div class="navi"></div>
<a class="prev"></a>
<div class="scrollable">
<div id="thumbs">
<div id="thumb1"></div>
<div id="thumb2"></div>
<div id="thumb3"></div>
<div id="thumb4"></div>
<div id="thumb5"></div>
</div>
<a class="next"></a>
</div>
This is the ".navi" element HTML after scrollable loads (in case of two pages):
<div class="navi">
<a class="active"></a>
<a></a>
</div>
Here's the image:
http://dl.dropbox.com/u/1207859/jqtools.jpg
