Question

我使用bxSlider来播放幻灯片。我需要使用外部字幕，我通过广泛遵循this answer来做。

这适用于标题本身，但我还想更改每个标题链接的URL。

我尝试使用字幕代码作为灵感，以及来自this thread的各种答案，将自己一起黑客攻击，但我已经碰到了不知道我是什么的墙。我正在做。

代码如下，是否有人有任何建议？我确定它是超级基础的，但我只是没有JavaScript，这意味着我缺少许多核心概念，这些概念可以让我自己解决这个问题。

<div class="bxslider">

  <div class="slide id-0">
    <a href="/link-1.html"><img src="/images/index-01.jpg" title="Caption 1" /></a>
  </div>

  <div class="slide id-1">
    <a href="/link-2.html"><img src="/images/index-02.jpg" title="Caption number two" /></a>
  </div>

  <div class="slide id-2">
    <a href="/link-2.html"><img src="/images/index-03.jpg" title="Third caption" /></a>
  </div>

</div>

<div class="caption-1">
  <div class="cap-cont">
    <div class="cap-text"><div class="slider-txt"></div></div>
    <a class="box-link">Find out more</a>
    <a href="" class="link-txt"></a>
  </div>
</div>

<script type="text/javascript">

$('.bxslider').bxSlider({
  auto: true,
  speed: 2000,
  pause: 6000,
  pager: false,
  controls: true,
  responsive:true,
  onSliderLoad: function(currentIndex) {
    var slideNum = '.id-' + currentIndex;
    $(".slider-txt").html($('.bxslider .slide' + slideNum).find("img").attr("title"));
    $(".link-txt").html($('.bxslider .slide' + slideNum).find("a").attr("href"));
  },
  onSlideAfter: function($slideElement, oldIndex, newIndex) {
    $(".slider-txt").html($slideElement.find("img").attr("title"));
    $(".link-txt").html($slideElement.find("a").attr("href"));
    $("a.link-txt").attr("href", "http://cupcream.com");
  }
});

</script>

使用jQuery在bxslider外部标题中写入URL

0 个答案: