理由はわかりませんが、矢印の部分を追加するたびに、オプションが上書きされます。jqueryとjavascriptが得意ではないので、私が見ていないことを指摘していただければ幸いです。2番目の部分にオプションを追加しようとしましたが、何も追加しませんでした。
$=jQuery;
$('.slider').unslider({
speed: 500, // The speed to animate each slide (in milliseconds)
delay: 33000, // The delay between slide animations (in milliseconds)
complete: function() {}, // A function that gets called after every slide animation
keys: false, // Enable keyboard (left, right) arrow shortcuts
dots: true, // Display dot navigation
fluid: false // Support responsive design. May break non-responsive
});
// This overrides my options above.
var unslider = $('.slider').unslider();
$('.unslider-arrow').click(function() {
var fn = this.className.split(' ')[1];
// Either do unslider.data('unslider').next() or .prev() depending on the className
unslider.data('unslider')[fn]();
});