$(function() { var $sc = $("#scrollable_cinema_1").scrollable({ circular: true }); $sc.autoscroll({ autoplay: true, interval: 18000, steps: 1 }); var api = $sc.data("scrollable"); // assumes prev/next are in the same parent wrapper as the scrollable var $wrap = $sc.parent(); $wrap.find("a.prev.browse").off("click").on("click", function(e) { e.preventDefault(); e.stopImmediatePropagation(); api.prev(); // 1 step back }); $wrap.find("a.next.browse").off("click").on("click", function(e) { e.preventDefault(); e.stopImmediatePropagation(); api.next(); // 1 step forward }); $('#scrollable_cinema_1 div.image > a').tipsy(); });