You mean slides are made of text/html and the thumbnails below are images?
If so, I think you could do that with two sliders and some javascript that uses the callback API (http://bxslider.com/examples/callback-api)
thank you for the answer !
I mean slides are images, and “pager” (the points at bottom of slides) are text. like in the example : http://bxslider.com/examples/thumbnail-pager-1
but with text instead of images in bx-pager.
Sorry for my english
Hello
I’m almost there, almost.
I added the command “pagerCustom: ‘#bx-pager’ “
in the administration (“Extra options”), and it works.
But all of my sliders page react to each pager, I guess it’s because of the ID … Would you have a solution for each slider on the page is its own “bx-pager?”
Tanks for your work !
Hi,
you can specify extra_options as a shortcode parameter. So you could have different IDs for each slider. That may work. Good luck with your explorations, let me know how it goes.
See http://ww.wp.xz.cn/plugins/bxslider-integration/other_notes/ for more info about the shortcodes.
Thank you, it works perfectly!
Good work!
<div id="bx-pager2">
<a data-slide-index="0" href="">1</a>
<a data-slide-index="1" href="">2</a>
<a data-slide-index="2" href="">3</a>
</div>
[slider extra_options="pagerCustom: '#bx-pager2'"]
1111111111111111111111111111111
[next-slide]
2222222222222222222222222222222222
[next-slide]
333333333333333333333333333333333333333333
33333333333333333333333333333333333333333333333333
[/slider]
<div id="bx-pager1">
<a data-slide-index="0" href="">1</a>
<a data-slide-index="1" href="">2</a>
<a data-slide-index="2" href="">3</a>
</div>
[slider extra_options="pagerCustom: '#bx-pager1'"]
1111111111111111111111111111111
[next-slide]
2222222222222222222222222222222222
[next-slide]
333333333333333333333333333333333333333333
33333333333333333333333333333333333333333333333333
[/slider]
