「image_1.jpg」、「image_2.jpg」などとして画像を保存しています。「次へ」ボタンをクリックすると、新しい画像が読み込まれます。変数名「rightnow」を使用して、番号を増やし、img src attr の URL を変更します。この変数の値を Cookie に保存して、新しいセッションが使用された場合でも次の画像の読み込みを続行しようとしています。
ブラウザで Cookie の値を確認しましたが、問題なく設定されています。しかし、実際に新しいセッションを使用すると、変数「rightnow」に値「1」が使用されているようで、最初の画像が表示されます。コードの何が問題になっていますか? (jQuery Cookie プラグイン v1.3.1 を使用)
$(document).ready(function(){
var highone=9;
var rightnow=$.cookie("mycookieismine");
if (rightnow=='NaN') { rightnow=1;}
$("#next-img").click(function(){
rightnow=rightnow+1; if (rightnow>highone) {rightnow=1;};
$(".imga-class").attr('src',"http://example.com/images/image_"+rightnow+".jpg");
startTime = new Date().getTime();
var date = new Date();
var minutes = 10;
date.setTime(date.getTime() + (minutes * 60 * 1000));
$.cookie("mycookieismine",rightnow, { expires: date });
});
});