将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标签,它只会显示为文本。如何将图像放入标题?
谢谢!
答案 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>