Javascript 按页面URL查询字符串指定图像滑块的起始图像幻灯片
有没有办法根据URL查询字符串在特定图像上启动jQuery滑块?我的主页有一个列表,当单击某个项目时,它会使用jQuery滑块重定向到新页面 我想启动图像链接到主页上单击的项目 HTML示例:Javascript 按页面URL查询字符串指定图像滑块的起始图像幻灯片,javascript,jquery,html,slider,Javascript,Jquery,Html,Slider,有没有办法根据URL查询字符串在特定图像上启动jQuery滑块?我的主页有一个列表,当单击某个项目时,它会使用jQuery滑块重定向到新页面 我想启动图像链接到主页上单击的项目 HTML示例: <div id="div"> <ul id="list"> <li class="slide"> <a href="/Profile/1">First</a> </li>
<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滑块代码吗?很可能你只需要更改目标页面上的代码,让它在页面加载时查看URL,并相应地修改滑块的初始属性。我没有使用任何插件。我认为创建滑块以便以后对其进行调整会更容易。要清楚,您是否使用了?对不起,我应该更清楚。我在个人资料页面上创建了一个图像滑块。如果单击第二个链接,我希望第二个图像显示在配置文件页面上。从那里,我想能够点击左右按钮查看滑块上的其他图像。
$(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);
}
});
});
});