10款最佳CSS/jQuery开源图片说明

2. Capty

Capty插件和Caption.js的不同之处在于Capty插件的默认设置将会隐藏你的初始文本。当用户将鼠标悬停在图片上的时候，图片会上滑或淡入标题，一旦移开鼠标时候它又会重新隐藏。这非常棒，因为你真的可以选择让这个标题固定或者隐藏，添加无数个插件选项。点击Capty现场演示参观更多的案例，同时提供可以连接到你自己网页的代码片段。

3. jQuery.imageCaption

现在我可以说jQuery.imageCaption是开发者运行CMS引擎的最完美解决方式，这个插件是超级简单为客户定制的，并能快速撤销建立在图像alt文本上的标题。因此这将呈现出<figure>和<figcaption>图形元素，这对SEO大有裨益。

通过调用函数imageCaption()你不需要传输任何参数到调用程序里。这仍将适当地呈现在页面上，还可以将此应用到任何WordPress博文当中。同样任何等级添加到img元素上将转移到现有的<figure>元素上，这意味着你有更多的控制经过CSS。

4. jQuery.caption

jQuery.caption 是另一个带有简单初始的解决方案。jQuery插件里的许多插件都是即插即用类型的，你只需要针对所有有标题的图片启动功能即可。jQuery.caption插件将自动执行<figure>和<figcaption>图形元素，再加上您可自定义的标题文本和HTML元素。该项目的Github页详细地介绍了您可能想要使用的各个选项。

5. Captionate

Captionate是由North Krimsly 开发的一个开源项目，目的是为了在各种CMS引擎中使用。你可以找到在你自己的网站中执行Captionate程序的教程指南。

基本上编写HTML5 img元素与类.caption将会被jQuery 脚本接收到，然后alt属性文本被转入figcaption元素，并写入HTML。浏览示例页面你可以看到Captionate的语法和其他解决方案相比起来是相当简约的。

6. HCaptions

这个jQuery插件是为处理所有的标题内容而开发的，它可以转换为HTML代码。点击现场演示页，你将看到一个美妙的样本收藏。同样，各个选项允许你控制每个标题的速度和定位。有一些更好的解决方案仅用于管理HTML图像，但HCaptions插件的确提供一个很棒的用途，专门为其他标准网页元素添加标题。

结尾

你也许会惊讶这些脚本原来是可以如此智能。当你使用有效的HTML5代码时，它就为谷歌提供了一个很好的机会——进入你的页面检索相关内容。

原文speckyboy