循环图片切换插件

由于网站的需要，今天写了个图片循环渐入插件，其实这个插件不仅仅可以控制图片，只要你需要，可以改成任意内容的切换，用起来还是挺简单的。

DEMO: http://nba.titan24.com/focus/kikx/fade_images.html

//javascript by trance ,trance2005@163.com
    $(function(){ //应用插件
        $(".box").fxfd()
    })
//插件内容：
    $.fn.fxfd=function(opt){
    var dft={
        tag:"li",
        prv:".bprv",
        nxt:".bnxt",
        num:0
        }
    if(opt) $.extend(dft,opt);
    var idx=dft.num;
    var _this=$(this);
    var li=_this.find(dft.tag);
    var len=li.length;
    li.eq(dft.num).show().siblings(dft.tag).hide();
    var prv=_this.find(dft.prv);
    prv.click(function (){xfd(-1)});
    var nxt=_this.find(dft.nxt);
    nxt.click(function (){xfd(1)});
    function xfd(i){        
        if(i==1||i==-1){
            var fdo = li.eq(idx);
            if (i == -1) {
                if (idx <= 0) {
                    idx = (len - 1);
                }
                else {
                    idx += i;
                }
            }
            if (i == 1) {
                if (idx >= len - 1) {
                    idx = 0;
                }
                else {
                    idx += i;
                }
            }
            var fdi = li.eq(idx);
            var fdi=li.eq(idx);
            fdo.fadeOut(200,function(){
                fdi.fadeIn(200)                     
                })
            }
        }