jQuery Capty 图片标题插件
来源:互联网 发布:php csdn 编辑:程序博客网 时间:2024/06/10 00:01
jQuery Capty是可以为图片添加漂亮的字幕的插件
文件包含:
<link type="text/css" rel="stylesheet" href="/capty/css/jquery.capty.css"/><script type="text/javascript" src="/capty/js/jquery.js"></script><script type="text/javascript" src="/capty/js/jquery.capty.min.js"></script>调用方法:
实例1:图片的alt标签默认被应用于标题内容
<img id="default" src="image.jpg" alt="Super Mario Bros.®" width="342" height="262"/>
$('#default').capty();
实例2:自定义动画和速度
<img id="animation" src="image.jpg" alt="Super Mario Bros.®" width="342" height="262"/>
$('#animation').capty({ animation: 'fade', speed: 400});
实例3:固定标题
<img id="fixed" src="image.jpg" alt="Super Mario Bros.®" width="342" height="262"/>
$('#fixed').capty({ animation: 'fixed'});
实例4:自定义标题与外部扩展内容
<img id="content" src="image.jpg" name="#content-target" width="342" height="262"/><div id="content-target"> <span style="color: #F00;">Mario</span> - Super Mario Bros.®<br/> <a href="javascript:void(0);">http://www.mariobros.com</a></div>
$('#content').capty({ height: 46, opacity: .6});
实例5:用后缀,前缀和一个自定义的风格应用于一组元素
<img src="image-1.jpg" class="fix" width="240" height="161"/><img src="image-2.jpg" class="fix" width="240" height="161"/><img src="image-3.jpg" class="fix" width="240" height="161"/>
$('.fix').capty({ cWrapper: 'capty-tile', prefix: '<span style="color: #35BB87">Luigui</span>', sufix: 'Super Mario Bros.®'});
默认设置选项
animation: 'slide'The captions animation type: 'slide', 'fade' or 'fixed'.cCaption: 'capty-caption'The class name of the wrapper caption.cImage: 'capty-image'The class name of the wrapper image.cWrapper: 'capty-wrapper'The class name of the wrapper image and caption.height: 30The height of the caption.opacity: .7The opacity of the caption.prefix: ''The text/html that will be applied at the beginning of the legend.speed: 200The speed in which caption will appear and disappear.sufix: ''The text/html that will be applied at the end of the caption.
- jQuery Capty 图片标题插件
- jQuery简单实用的图片标题动画效果插件
- jquery图片切换插件制作左右按钮与标题文字图片切换
- JQUERY图片放大镜插件
- Jquery 图片浏览插件
- jquery 图片放大镜插件
- jquery 图片滚动插件
- JQUERY剪裁图片插件
- jQuery图片裁剪插件
- jQuery图片放大镜插件
- JQuery插件:图片放大镜
- jQuery 图片切换 响应键盘 关联标题
- Jquery图片比例缩放插件
- Jquery 图片预览插件 imgPreview
- jQuery图片展示插件Galleria
- JQUERY图片放大镜插件(jqzoom)
- 图片浏览jquery插件SlideDeck
- jQuery插件:图片自动缩放
- Bash编程实例 一
- TabHost和android:layout_height="0.0dip"以及android:layout_weight配合在布局中的使用
- 使用stl的next_permutation
- Uva375
- 仿制金山毒霸专杀工具界面
- jQuery Capty 图片标题插件
- java performance 读书笔记—— (二)os 性能监测
- 虚拟主机提权,调用远程路径去执行CMD
- UVA568
- Java在Linux下 不能处理图形的解决办法
- 电磁场复习之场论总结
- dispatch_once方式创建的单例
- eWebEditor v3.8 ASP版列目录漏洞
- windows qt 编译 oracle11g驱动