如下图所示采用的myfocus幻灯片样式中的mF_pithy_tb样式，图片中标题下方有NULL字样,这该如何处理呢！
myfocus幻灯片
本文小编分享myFocus的一些使用方法：
1、使用myFocus JS库，需要引入jquery和myFocus js文件。
幻灯片基本的共通效果，通过如下js结构控制
<script type="text/javascript">
myFocus.set({
id:'boxID',//焦点图盒子ID
pattern:'mF_pithy_tb',//风格应用的名称
time:3,//切换时间间隔(秒)
trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
width:731,//设置图片区域宽度(像素)
height:360,//设置图片区域高度(像素)
txtHeight:'default'//文字层高度设置(像素),'default'为默认高度，0为隐藏
});
</script>
html网页文档中，显示幻灯片区域要构造如下的代码，主要div id需等于"boxID"
<div id="boxID">
<div class="loading"><img src="" alt="请稍候..." height="360px" width="765px" /></div><!--载入画面(可删除)-->
<div class="pic"><!--内容列表(li数目可随意增减)-->
<ul>
<li><a href="" class=""> <img src="" alt="" width="745px" height="360px"></a></li>
<li><a href="" class=""> <img src="" alt="" width="745px" height="360px"></a></li>
</ul>
</div>
</div>
2、进入myfocus的mf_pattern模板目录，打开mF_pithy_tb.js在底部如下位置，可以修改右侧小图样式。
myFocus.config.extend({
'mF_pithy_tb':{//可选个性参数
seamless:true,//是否无缝，可选：true(是) | false(否)
txtHeight:38,//标题高度
thumbShowNum:4,//略缩图显示数目
thumbBtnHeight:0,//略缩图导航(prev/next)按钮的高度
thumbWidth:132//略缩图总宽度
}
});
3、幻灯片标题下方的NULL显示原理
打开myfocus-2.0.4-full.js文件，在192行左右如下代码，可以得知标题下方的NULL区域显示的是img标签中的text属性。因此，如果给img标签添加了例如text="小标题"的内容，那么幻灯片标题下方就会显示小标题内容。
- switch(type){
- case 'num' :html='<a>'+(i+1)+'</a><b></b>';break;//b标签主要是为了做透明背景,下同
- case 'txt' :html=img?li[i].innerHTML.replace(/\<img(.|\n|\r)*?\>/i,img.alt)+'<p>'+img.getAttribute("text")+'</p><b></b>':'';break;
- case 'thumb':html=img?'<a><img src='+(img.getAttribute("thumb")||img.src)+' /></a><b></b>':'';break;
- default :html='<a></a><b></b>';
- }
