如下图所示采用的myfocus幻灯片样式中的mF_pithy_tb样式，图片中标题下方有NULL字样,这该如何处理呢！

本文小编分享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=”小标题”的内容，那么幻灯片标题下方就会显示小标题内容。