CODEWITHSUNDEEP
javascriptjqueryhtmlcssbxslider
user2747609
user2747609

Reputation: 331

adding a small image to a image slider caption with bxslider?

Using bxslider for a little sliding gallery. I want to show captions, which I realize is built in. But...what I'd also like to do is add a small image to the caption.

This is someone elses fiddle: http://jsfiddle.net/s2L9P/3/

It uses span's to display multiple lines of text in the caption:

<ul class="bxslider">
    <li>
        <img src="http://bxslider.com/images/730_200/hill_trees.jpg"/>
        <div class="caption1"> 
            <span>Image 1</span><br></br>
            <span>j;jkljlk</span>
            <div class="caption2"><a id="img1a" href="#">Visit Australia</a></div>
        </div>
    </li>
.
.
.

But if you stick a img tag in, it just displays as text. How can I put images in the caption?

Thanks!

Upvotes: 0

Views: 250

Answers (1)

dima
dima

Reputation: 1189

added image with no problem

see this fiddle

<div class="caption1"> 
   <img src="http://png-3.findicons.com/files/icons/861/tweet_my_web/128/single_bird.png" />
   <span>j;jkljlk</span>
   <div class="caption2"><a id="img1a" href="#">Visit Australia</a>
   </div>
</div>

Upvotes: 1

Related Questions