Question

我正在考虑编写一个cookie，每当“新闻滚动条”移动到下一个图像/新闻项目时，该cookie就会被更新。当用户返回页面时，它将自动从下一个新闻项启动滚动条..帮助确保我们的用户可以看到所有项目。

我正在使用chris coyier等人的'任何卷轴'，用php来提取新闻数据。

每个

元素都有一个唯一的ID，并且是按数字顺序排列的，所以我的cookie需要检索最新值然后+1。滚动条允许触发特定项目..但我似乎无法让cookie更新每个，而且它加载一次在HTML中呈现的那些最大ID ...

这是否实用？假设最多10个新闻项目，它会减慢网站的速度。

编辑这可能会尝试将一些输出传到浏览器/控制台......但没有。

       <script>
      // Set up Sliders
      // **************
      $(function(){
      $('#slider').anythingSlider({
      theme : 'minimalist-round',
      easing : 'swing',
      infiniteSlides : true,
      delay : 8000, // How long between slideshow transitions in AutoPlay mode (in milliseconds)
      resumeDelay : 8000, // Resume slideshow after user interaction, only if autoplayLocked is           true (in milliseconds).
      animationTime : 1, // How long the slideshow transition takes (in milliseconds)
      autoPlayLocked : true, // If true, user changing slides will not stop the slideshow
      })
      $('#slider').bind('slide_complete', function(event, slider){
      console.debug( 'You are on page ' + slider.currentPage );
      // Do something else
      })
      });
      </script>

Answer 1

解决方案：使用本地存储工作

  <script type="text/javascript">
  var ls = null, // local storage
  sp = 1;    // starting page

  if ('localStorage' in window && window['localStorage'] !== null) {
  ls = window.localStorage;
  sp = ls.getItem('anythingSlider') || 1;

  }
  </script>

和

  <script>
         $('#slider').anythingSlider({

startPanel: sp,
// Callback when slide completes - no event variable!
onSlideComplete: function(slider) {
    if (ls) {
        ls.setItem('anythingSlider', (slider.currentPage+1));
        $('.storage').val(slider.currentPage);
    }
}
 </script>

使用任何滑块的cookie。可能是ajax

1 个答案: