bxsliderを使ってページ遷移した後、元のページに戻った際に最後に表示していたスライドを表示させたい

Question

bxsliderを使用してスマートフォンサイト制作を行っています。
ブラウザの戻るボタンを押した際、戻ったページにbxsliderで表示していたスライドを遷移前の状態と同じものを表示させたいと思っています。
「jquery.cookie.js」を利用してcookie情報を保存・取得できれば可能かとは思うのですが、記述方法が恥ずかしながらわからないという状態です。
なおページ内で使用しているスライダーは１つで、現在は下記の記述のみで実装しています。

$('.bxslider').bxSlider({
    pager: false,
});

ご教授いただければ幸いです。

Answer 1

こんな感じでいけます

$('.bxslider').bxSlider({
    pager: false,
    onSlideBefore: function(e, oldIndex, newIndex){ $.cookie("lastIndex", 1); }
})
.goToSlide($.cookie("lastIndex"));

Comments

[buta]

ご回答ありがとうございます！
しかし、スライダー本体が動かなくなってしまいました。他のjsとコンフリクトしているのかと思って全て切った状態でも動きませんでした。。
現在は「.goToSlide($.cookie("lastIndex"));」の箇所をコメントアウトしたら動いています。
もう少し勉強・検証してみます。ありがとうございます。

[ToniVaquer]

ディフォールトで$.cookie("lastIndex")はNULLを返しちゃってるかも、ね〜
適当なところに
console.log($.cookie("lastIndex"));
をやったら分かるよう。

壊れてないと思う、goToSlideの後にスタートをしてって言わないと動かないかも。
こっちのミスです、ごめん、ね！
.goToSlide($.cookie("lastIndex")).autoStart();

[buta]

回答ありがとうございます。
.goToSlide($.cookie("lastIndex")).autoStart();に変更してみましたがうまく動いてはくれませんでした。。
Firefoxのコンソールでは「TypeError: $(...).bxSlider(...).goToSlide(...) is undefined」と書かれていました。

見当違いかもしれませんが「cookieがあるとき」と「無いとき」の条件分岐というのは特に必要ないでしょうか？

[ToniVaquer]

そうっか、そうっか〜？！原因分かりました
こうだったら安定です。.goToSlide(...)でこげても流れが続ける。

slider = $('.bxslider').bxSlider({
pager: false,
onSlideBefore: function(e, oldIndex, newIndex){ $.cookie("lastIndex", 1); }
});
slider.goToSlide($.cookie("lastIndex"));
slider.autoStart();