使用bxslider将小图像添加到图像滑块标题?

时间:2014-04-16 15:44:11

标签: javascript jquery html css bxslider

将bxslider用于一个小型滑动图库。我想要显示标题,我意识到它是内置的。但是......我还想做的是在标题中添加一个小图像。

这是别人的小提琴: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标签,它只会显示为文本。如何将图像放入标题?

谢谢!

1 个答案:

答案 0 :(得分: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>