Joomla!-开源天空

2008-12-05
首页 专栏热点 Joomla! 源代码分析 Joomla!用caption.js自动显示图片的简短描述


Joomla!用caption.js自动显示图片的简短描述

E-mail

caption.js是Joomla!所带的几个脚本之一,这个脚本可能有些人很熟悉,这里简单介绍一下。利用caption.js能够将指定图片标签中的title属性,自动显示在图片的下面,自动成为图片的注释。这样做的好处是显而易见的,页面代码更加简洁,我们可以通过改变css来改变说明的显示方式。

在Joomla!中使用caption.js非常简单,以下是示例代码:

<?php JHTML::_('behavior.caption');?>
<img src="/images/stories/500px-gc-server.jpg" class="caption" title="yyyyyyyyyyyyy"></img>

第一行代码在页面的头部加载caption.js
第二行代码是一个图片标签,请注意它的class应该设置为 "caption",而title则是图片的简短说明。

相关文章:
Mootools实现具有排版功能的页面拖拽
Joomla!系统中与Mootools相关的教程
如何在Joomla!的前台实现后台界面中的tabs分页和滑动分页效果
如何在Joomla! 1.5 管理后台中实现滑动分页效果
如何在Joomla!管理后台中实现submenu
标准Joomla!后台管理界面中各个区域的划分图解
如何在Joomla!管理后台中实现标签页面的效果(tabs.js)
Joomla!中如何使用switcher.js实现一个位置上div层的切换显示
在Joomla!中怎样使用日历部分behavior.calendar
在Joomla!中使用behavior.tree参考


收藏此文章:
Digg! Reddit! Del.icio.us! JoomlaVote! Google! Live! Facebook! StumbleUpon! Yahoo! Free social bookmarking plugins and extensions for Joomla! websites!

发表您的文章评论

您的姓名 (昵称)
标题:
评分: 很差一般较好很好
评论:
验证码:
请输入验证码