javascript - bxslider 自定义下一张幻灯片按钮

Question

我正在使用一个使用 jQuery bxslider 脚本的 WordPress 网站，并尝试在其中一张幻灯片的内容中编写一个 href 链接，单击该链接即可转到下一张幻灯片。

我对 php 以及 bxsldier 脚本如何工作的了解是初学者。我尝试复制下一个幻灯片箭头上使用的 html 代码，但这不起作用。

如果您能帮助我了解如何在 wordpress 的页面正文中放置一些代码(下一张幻灯片)，当单击该代码时会转换到下一张幻灯片，我将不胜感激。

谢谢!

Answer 1

您可以在下面的代码中使用下面的代码，只需在元素的“nextSelector”中提供下一个 slider 的 id 或类，它将开始滑动

$('.bxslider').bxSlider({
  nextSelector: '#slider-next',
  prevSelector: '#slider-prev',
  nextText: 'Onward →',
  prevText: '← Go back'
});

使用http://bxslider.com/examples/custom-next-prev-selectors引用链接