每个幻灯片内都有链接的滑块

Question

我正在尝试使用5个内容幻灯片创建一个滑块，每个幻灯片放在div中以对每张幻灯片进行个性化设置。

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

任何人都可以帮我这个吗？

谢谢!!

Answer 1

没有看到你的HTML / images / 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。

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