Nivo Slider 简要使用文档.(5)

另外,如果像对应的图片附带标题出现,有两种办法.

第一种就是:

[html]
<a href="http://dev7studios.com"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a> 
<a href="http://dev7studios.com"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a>在img标签中加入title属性.

另一种是:

[html]
<img src="images/nemo.jpg" alt="" title="#htmlcaption" /> 
<img src="images/nemo.jpg" alt="" title="#htmlcaption" />在title属性中填入对应的ID或者类名,获取下面对应div中的内容.

[html]
<div id="htmlcaption" class="nivo-html-caption"> 
<span style="white-space:pre">    </span><strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
</div> 
<div id="htmlcaption" class="nivo-html-caption">
<span style="white-space:pre"> </span><strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>

如果要对单独一张图片以特定的效果展示,www.2cto.com

可以在<img>标签中加上data-transition属性,例如:data-transition="slideInLeft"

 摘自 简生的代码备忘录