Slick Slider - 从另一个页面创建 link
Slick Slider - create a link from another page
是否可以在光滑的滑块中创建一个 link 到幻灯片?示例:我的目标是使用页面的 URL 创建 QR 码并加载滑块,当前幻灯片是第 5.
你可以用几种方法来做,但如果你想创建 URL,你可以将幻灯片编号作为查询字符串传递,例如你有一个名为 www.example.com
的网站像这样 www.example.com/subpage/?slideNum=2
为您的页面设置超链接
在您拥有 slick-slider 的页面上,您将添加一个事件以首先侦听正在创建的 slick-slider,然后检查是否有 URL 参数集来执行 slickGoTo
像这样的事件:-
$(".slick").on("init", function (e, slickInstance) {
const params = new URLSearchParams(window.location.search);
const myParam = params.get("slideNum");
if (Number(myParam)) {
slickInstance.slickGoTo(myParam);
}
});
$(".slick").slick({
centerMode: true,
slidesToShow: 1
});
此方法允许您在有或没有查询参数的情况下仍然转到 URL,并且还为您提供了相对轻松地更改幻灯片编号的灵活性。
是否可以在光滑的滑块中创建一个 link 到幻灯片?示例:我的目标是使用页面的 URL 创建 QR 码并加载滑块,当前幻灯片是第 5.
你可以用几种方法来做,但如果你想创建 URL,你可以将幻灯片编号作为查询字符串传递,例如你有一个名为 www.example.com
的网站像这样 www.example.com/subpage/?slideNum=2
在您拥有 slick-slider 的页面上,您将添加一个事件以首先侦听正在创建的 slick-slider,然后检查是否有 URL 参数集来执行 slickGoTo
像这样的事件:-
$(".slick").on("init", function (e, slickInstance) {
const params = new URLSearchParams(window.location.search);
const myParam = params.get("slideNum");
if (Number(myParam)) {
slickInstance.slickGoTo(myParam);
}
});
$(".slick").slick({
centerMode: true,
slidesToShow: 1
});
此方法允许您在有或没有查询参数的情况下仍然转到 URL,并且还为您提供了相对轻松地更改幻灯片编号的灵活性。