what s the best way to add link and caption to the images?

<ul class="bxslider">
<li><img src="/images/pic1.jpg" /></li>
<li><img src="/images/pic2.jpg" /></li>
<li><img src="/images/pic3.jpg" /></li>
<li><img src="/images/pic4.jpg" /></li>
</ul>

As per the documentation for that plugin http://bxslider.com/examples/image-slideshow-captions

$('.bxslider').bxSlider({
  mode: 'fade',
  captions: true
});



<ul class="bxslider">
<li><a href=""><img src="/images/pic1.jpg" title="title 1" /></a></li>
<li><a href=""><img src="/images/pic2.jpg" title="title 2" /></a></li>
<li><a href=""><img src="/images/pic3.jpg" title="title 3" /></a></li>
<li><a href=""><img src="/images/pic4.jpg" title="title 4" /></a></li>
</ul>

tnx

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.