bxslider自定义下一个幻灯片按钮

Question

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

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

如果能够在wordpress（下一张幻灯片）中将一些代码放在页面正文中，我会很感激，当点击时转换到下一张幻灯片。

谢谢！

Answer 1

您可以在下面的代码中使用以下代码，只需在元素的“nextSelector”中提供下一个滑块的ID或类，它就会开始幻灯片

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

使用http://bxslider.com/examples/custom-next-prev-selectors链接作为参考

Answer 2

标题

JS

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

HTML

This div is outside of the slider

|

为您的图片添加ID“slider-prev”和“slider-next”。