Multiple captions

[dlzi]

Is it possible to have independent and multiple captions like http://iprodev.com/iview/?

[Kotheof]

Of course you can! Bx slider displays whatever is in inside in the li element. If you put an image as backround with related positon and some html with absolute position will do the trick...

[dlzi]

Thanks, I'll try. If it isn't too much to ask could you show a simple example?

[dlzi]

Great. Last question. For me to give different 'easing' to each the caption I will need to call them one by one on the custom javascript file, is that right?

[Kotheof]

For the main caption you can change the css code inside jquery.bxslider.css:

.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}

For more captions you can try something like this:

<ul id="bxslider" >     
    <li>
             <a href="link" >
                        <img/>      
             </a>

            <span class="custom-caption one">
                <a  >
                        the caption text 
                </a>
            </span>

            <span class="custom-caption two">
                <a >
                          the caption text 
                </a>
            </span>
    </li>
</ul>

css:

.custom-caption{
position: absolute;
background: #000;
display: block;
}

.custom-caption.one{
bottom: 10%;
left: 10%;
}

.custom-caption.two{
bottom: 50%;
left: 50%;
}

And you can add as many captions as you want....