jquery - 每张幻灯片内都有链接的滑块

Question

我正在尝试制作一个带有 5 个内容幻灯片的滑块，每个幻灯片在一个 div 中以个性化每张幻灯片。

我通常在 jquery 中对此进行编码没有问题，但我现在的问题是，我需要每张幻灯片都有指向滑块其余部分的链接，而不是 prev-next 导航。所以在加载页面上显示第一张幻灯片，该幻灯片里面有幻灯片 2、3、4 和 5 的链接，依此类推

谁能帮我这个？

谢谢你！！

Answer 1

没有看到你的 HTML / 图像 /css 我只能建议这么多，但我的第一个解决方案是这样的：（部分伪代码，因为你似乎了解 jQuery 并且只需要逻辑，但如果你想要它就说写得更完整:))

$('a.linkToOtherSlides').click(function(){
    slideNumber = $(this).val();
    imageWidth = $(this).parents(.theSliderImage);
    $(this).parents('.theSliderContainer').css('left',slideNumber * imageWidth);
});

所以这里发生的是链接的值（你应该把它给幻灯片编号，我是幻灯片 4 的链接，val 为 4）然后它会像往常一样简单地更改滑块容器的左侧值将通过将 slideNumber 乘以 imageWidth。

只是第一个想法，希望我们可以通过工作得出更好的结论。