为页面加载设置jQuery滑块的当前幻灯片Easy Slider

我使用jQuery滑块Easy Slider，并将幻灯片作为其他页面的链接。加载的其他页面也具有相同幻灯片的滑块，具有相同的链接，顺序相同。为页面加载设置jQuery滑块的当前幻灯片Easy Slider

我无法弄清楚当页面加载时如何设置当前幻灯片。

例如：有四张幻灯片。当单击幻灯片3并加载页面时，我希望滑块位于幻灯片3上。遵循链接令人沮丧，然后必须浏览以前的幻灯片。

我最初是从AJAX的幻灯片链接加载额外的页面，但有另一个jQuery脚本，当额外的页面加载和$（document）.ready函数不会被调用时调用。

我还没有修改Easy Slider脚本中的任何内容，并且正在使用它的默认选项。这里是幻灯片的Easy Slider示例代码。

<!-- markup example for $("#slider").easySlider(); --> 
<div id="slider"> 
    <ul> 
     <li><a href="someLink1"><img src="images/01.jpg" alt="" /></a></li> 
     <li><a href="someLink2"><img src="images/02.jpg" alt="" /></a></li> 
     <li><a href="someLink3"><img src="images/03.jpg" alt="" /></a></li> 
     <li><a href="someLink4"><img src="images/04.jpg" alt="" /></a></li> 
    </ul> 
</div>

我想它应该是可能的ID添加到李标签并以某种方式修改JS来引用......只是不知道从哪里开始。

任何帮助和指导将是恒星！

谢谢。

来源

2011-06-16 danstever

我不知道该插件具体，但我可以建议你使用AnythingSlider - http://css-tricks.com/anythingslider-jquery-plugin/ - 这将允许您使用散列标签链接到特定的幻灯片。所以你的链接会附加一些类似于＃slide-4的东西 - 插件会将其设置为活动链接。

来源

2011-06-16 16:39:30

我要检查一下......我会让你知道的。 – danstever 2011-06-16 18:03:23

为了节省时间，我抓了调试，然后与AnythingSlider一起去了。这件事很好。 – danstever 2011-06-23 21:32:37

您可以使用，虽然AJAX的.live（）函数调用你的旧脚本http://api.jquery.com/live/

或使用服务器端（PHP）改变imgaes

或者jQuery的顺序查找元素并删除与.detach（），然后.append（）把它放回在堆栈的顶部

希望这有助于

来源

2011-06-16 16:39:07 webLacky3rdClass

我试过了，它没有工作。我认为这些问题可能是因为我在使用Drupal，所以有些东西有点棘手。 – danstever 2011-06-16 18:03:54

只要JS是正确的，它就不会产生它制作的东西。 Drupal将处理后端而不是浏览器端，如果最后一个不工作，我会重新访问Jquery调用。 – webLacky3rdClass 2011-06-20 04:20:35

我还没有与滑块测试这一点，但它应该工作的逻辑（使用jQuery插件的cookie）：

// check if a cookie is stored 
if($.cookie('pageId') != null){ 
    // change the order of the li elements according to cookie ID stored 
    $('#slider ul li:lt('+$.cookie('pageId')+')').appendTo($("#slider ul")); 
} 

// initiate slider 
$("#slider").easySlider(); 

// handle click events 
$('#slider a').click(function(e){ 
    // prevent the click from going through 
    e.preventDefault(); 
    // store cookie with clicked item index 
    $.cookie("pageId",$('#slider a').index(this)); 
    // forward the user onwards to the link url 
    window.location = $(this).attr('href'); 
});

来源

2011-06-16 16:42:11 Niklas

我真的很想知道你在哪里与这一个领导......但它没有奏效。我确保下载并包含cookie插件。任何想法？ – danstever 2011-06-16 18:04:33

@danstever有没有JavaScript错误？有什么事情发生？你有链接预览它的地方？ – Niklas 2011-06-16 18:08:39

没有任何错误。它只是表现得像以前一样。 – danstever 2011-06-16 18:28:02

为页面加载设置jQuery滑块的当前幻灯片Easy Slider

回答

相关问题