按页面URL查询字符串指定图像滑块的起始图像幻灯片

时间:2015-05-01 14:34:10

标签: javascript jquery html slider

有没有办法根据URL查询字符串在某个图像上启动jQuery滑块?我的主页有一个列表,当点击某个项目时,它会使用jQuery滑块重定向到新页面。

我想开始将图片链接到主页上点击的项目。

HTML示例:

<div id="div">
    <ul id="list">
        <li class="slide">
            <a href="/Profile/1">First</a>
        </li>
        <li class="slide">
            <a href="/Profile/2">Second</a>
        </li>
        <li class="slide">
            <a href="/Profile/3">Third</a>
        </li>
    </ul>
</div>

JQuery Slider代码:

$(document).ready(function () {
        var currentSlide = 1;
        var $profile = $('.PhysicianProfile');
        var $slider = $profile.find('.PhysicianSlider');
        var $details = $slider.find('.PhysicianProfileDetails');

        // Slide Left
        $('.profileBtnLeft').on('click', function () {
            $slider.animate({ 'margin-left': '+=1026px' }, 800, function () {
                currentSlide--;
                if (currentSlide === 1) {
                    $('.profileBtnLeft').prop("disabled", true);
                }
            });
        });

        // Slide Right
        $('.profileBtnRight').on('click', function () {
            $slider.animate({ 'margin-left': '-=1026px' }, 800, function () {
                currentSlide++;
                if (currentSlide == $details.length) {
                    $('.profileBtnRight').prop("disabled", true);
                }
            });
        });

    });

现在,如果我单击主页上的任何列表项,它会转到“配置文件”页面,但滑块始终从第一张图像开始。

如果我点击第二个列表项,是否可以使用从第二个图像开始的滑块打开“配置文件”页面?

谢谢!

0 个答案:

没有答案