javascript - 使用 bxslider 将小图像添加到图像 slider 标题？

Question

将 bxslider 用于一个小的滑动画廊。我想显示字幕，我意识到这是内置的。但是...我还想在字幕中添加一个小图像。

这是别人的 fiddle :http://jsfiddle.net/s2L9P/3/

它使用 span 在标题中显示多行文本:

<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>
.
.
.

但是如果你插入一个 img 标签，它只会显示为文本。如何将图片放入标题中？

谢谢!

Answer 1

添加图片没问题

参见 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>