Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Using advanced captions with bxslider

I'm using bxslider to rotate some images - they take up 50% of the container. I want to use the other half for a caption div, containing multiple block elements (for title, subtitle, date, description).

By default, bxslider calls captions through the title attribute, which would be perfect if I weren't needing to use multiple elements as part of the caption.

Does anyone know of a working example that's similar to what I'm looking for? Or, even better, how could the bxslider configuration be modified to meet my specifications?

like image 263
manh2244 Avatar asked Mar 16 '26 01:03

manh2244


1 Answers

You can simply add a <div> inside the <li> of bxslider and inside that div you can create whatever layout you want.

I've created an example for you here : Jsfiddle

I hope this solves your problem

like image 99
Akash K. Avatar answered Mar 18 '26 14:03

Akash K.



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!