1

例: このページhttp://www.ndoherty.biz/demos/coda-slider/2.0/と例番号 5 に移動します。

firstPanelToLoad の値を動的に変更したいと思います。たとえば、1、2、3、4 の 4 つのボタンがあります。ユーザーがボタン番号 2 をクリックすると、firstPanelToLoad の値が 2 に変更されます。

私はこのようなものが欲しい: http://jsfiddle.net/Cf47w/1/ ユーザーがボタン「Panel4」を押すと、4番目のパネルが表示されるはずです。

4

1 に答える 1

0

後でロードするために選択したパネルを保持したいということは理解しています。選択したインデックスをブラウザの Cookie に保持するか、サーバーに保持する必要があります。これは Cookie を使用するためのサンプルです。

function setCookie(c_name,value,exdays) {
  var exdate=new Date();
  exdate.setDate(exdate.getDate() + exdays);
  var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
  document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name) {
  var i,x,y,ARRcookies=document.cookie.split(";");
  for (i=0;i<ARRcookies.length;i++) {
    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
    y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
    x=x.replace(/^\s+|\s+$/g,"");
    if (x==c_name) {
      return unescape(y);
      }
  }
}

$().ready(function() {
  $('#coda-slider-6').codaSlider({
    crossLinking: false,
    firstPanelToLoad: (getCookie('firstPanel') == null ? 3 : getCookie('firstPanel'));
  });
});

// do your code to set cookie when user click on a panel
于 2012-01-19T06:52:37.337 に答える