$.fn.extend({
/*
* 获取记录总数
*/
getRecordCount: function(arrayObj) {
return $(arrayObj).size();
},
/*
* 获取总页数
*/
getPageCount: function(pageObj) {
var _recordCount = pageObj["recordCount"];
var _pageSize = pageObj["pageSize"];
var _pageCount = Math.ceil(_recordCount / _pageSize);
return _pageCount;
},
/*
* 获取当前的页码
*/
getCurrentPageIndex: function(options) {
var pageObj = options["pageObj"];
var curPicObj = options["curPicObj"];
var _pageSize = pageObj["pageSize"];
var _curPicNumber = curPicObj["picNumber"];
var _pageIndex = Math.ceil(_curPicNumber / _pageSize);
return _pageIndex;
},
initData: function(options) {
var _pageObj = options["pageObj"];
var _curPicObj = options["curPicObj"];
$(options["data"]).each(function(i, o) {
o["picNumber"] = i + 1;
});
_pageObj["recordCount"] = this.getRecordCount(options["data"]);
_pageObj["pageCount"] = this.getPageCount(_pageObj);
_pageObj["currentPageIndex"] = this.getCurrentPageIndex(options);
if (_pageObj["currentPageIndex"] <= 0) {
_pageObj["currentPageIndex"] = 1;
}
if (_pageObj["currentPageIndex"] > _pageObj["pageCount"]) {
_pageObj["currentPageIndex"] = _pageObj["pageCount"];
}
},
/*
* 获取当前页数据集合
*/
getCurrentRange: function(options) {
this.initData(options);
var pageObj = options["pageObj"];
var arrayObj = options["data"];
var _pageIndex = pageObj["currentPageIndex"];
var _pageCount = pageObj["pageCount"];
var _pageSize = pageObj["pageSize"];
var _recordCount = pageObj["recordCount"];
var _beginIndex = 0;
var _endIndex = 0;
if (_pageIndex < _pageCount) {
_beginIndex = (_pageIndex - 1) * _pageSize;
} else {
_beginIndex = (_pageCount - 1) * _pageSize;
}
if (_beginIndex + _pageSize >= _recordCount + 1) {
_endIndex = _recordCount - 1;
} else {
_endIndex = _beginIndex + _pageSize - 1;
}
return { "beginIndex": _beginIndex, "endIndex": _endIndex };
},
/*
* 显示分页信息
*/
displayPageInfo: function(options) {
var _uiContainer = options["uiContainer"];
var _pageObj = options["pageObj"];
var _curPicObj = options["curPicObj"];
$('#' + _uiContainer["pageInfo"]).empty();
$('#' + _uiContainer["pageInfo"]).html("<span>" + _curPicObj["picNumber"] + "</span>" + "/" + _pageObj["recordCount"]);
var _pageIndex = _pageObj["currentPageIndex"];
var _pageCount = _pageObj["pageCount"];
$('#' + _uiContainer["previousPage"]).hide();
$('#' + _uiContainer["nextPage"]).hide();
if (_pageIndex > 1) {
$('#' + _uiContainer["previousPage"]).show();
}
if (_pageIndex <= _pageCount) {
$('#' + _uiContainer["previousPage"]).click(function() {
options["pageObj"]["currentPageIndex"] = _pageIndex - 1;
options["curPicObj"]["picNumber"] = (_pageIndex - 2) * _pageObj["pageSize"] + 1;
$('#' + _uiContainer["container"]).showSlideUI(options);
});
$('#' + _uiContainer["nextPage"]).click(function() {
options["pageObj"]["currentPageIndex"] = _pageIndex + 1;
options["curPicObj"]["picNumber"] = (_pageIndex) * _pageObj["pageSize"] + 1;
$('#' + _uiContainer["container"]).showSlideUI(options);
});
}
if (_pageIndex < _pageCount) {
$('#' + _uiContainer["nextPage"]).show();
}
$('#' + _uiContainer["previousPic"]).unbind("click");
$('#' + _uiContainer["nextPic"]).unbind("click");
if (options["curPicObj"]["picNumber"] - 1 > 0) {
$('#' + _uiContainer["previousPic"]).click(function() {
var _self = $(this);
$.fn.stopAutoPlay();
options["curPicObj"]["picNumber"] -= 1;
$('#' + _uiContainer["container"]).showSlideUI(options);
});
}
if (options["curPicObj"]["picNumber"] + 1 <= _pageObj["recordCount"]) {
$('#' + _uiContainer["nextPic"]).click(function() {
$.fn.stopAutoPlay();
var _self = $(this);
options["curPicObj"]["picNumber"] += 1;
$('#' + _uiContainer["container"]).showSlideUI(options);
})
}
},
/*
*显示下面当前页的所有小图
*/
displayRelationPic: function(options) {
var curRange = this.getCurrentRange(options);
var _uiContainer = options["uiContainer"];
var _arrayObj = options["data"];
var _begin = curRange["beginIndex"];
var _end = curRange["endIndex"];
$('#' + _uiContainer["picScroller"]).empty();
for (var i = _begin; i <= _end; i++) {
var _o = _arrayObj[i];
$("<img />").attr("src", _o["smallPic"])
.attr("id", "indexIMG_" + _o["picNumber"])
.addClass(options["picCss"]["notSel"])
.click(function() {
var _self = $(this);
$.fn.stopAutoPlay();
options["curPicObj"]["picNumber"] = $.fn.getPicNumber(_self.attr("id"));
$.fn.displayPic(options);
})
.appendTo('#' + _uiContainer["picScroller"]);
}
$('#' + _uiContainer["picScroller"] + '> img').each(function(i, o) {
$(o).wrap("<dl><dt></dt></dl>");
});
},
/*
* 显示图片信息
*/
displayPic: function(options) {
this.initData(options);
var _uiContainer = options["uiContainer"];
var _pageObj = options["pageObj"];
var _curPicObj = options["curPicObj"];
var _arrayObj = options["data"];
var _picCss = options["picCss"];
var _pageIndex = _pageObj["currentPageIndex"];
var _pageCount = _pageObj["pageCount"];
var _pageSize = _pageObj["pageSize"];
var _recordCount = _pageObj["recordCount"];
var _autoSlide = options["autoSlide"];
var _picNumber = _curPicObj["picNumber"];
$.fn.displayRelationPic(options);
$.fn.displayPageInfo(options);
_curPicObj = _arrayObj[_curPicObj["picNumber"] - 1];
if (typeof (_curPicObj) != "undefined") {
if ($.fn.SlideTimer) {
if (_picNumber < _recordCount) {
options["curPicObj"]["picNumber"] += 1;
}
if (_picNumber >= _recordCount) {
options["curPicObj"]["picNumber"] = 1;
}
$('#' + _uiContainer["mainIMGContainer"]).fadeOut("slow", function() {
$(this).attr("src", _curPicObj["bigPic"]).fadeTo(500, 1.0);
// $(this).fadeIn("slow", function() {
// $(this).attr("src", _curPicObj["bigPic"])
// });
});
$('#' + _uiContainer["nTitle"]).fadeOut("slow", function() {
$(this).html(_curPicObj["title"]).fadeTo(500, 1.0); ;
});
$('#' + _uiContainer["nText"]).fadeOut("slow", function() {
自己动手编写的jquery插件，模仿搜狐汽车图片库展示效果
4星 · 超过85%的资源 需积分: 10 12 浏览量
2010-12-03
10:13:26
上传
评论 1
收藏 750KB ZIP 举报 
JQueryPlugins.zip （37个子文件） 
jQuery.scroll.js 11KB web.config 8KB Default.aspx 11KB Default.aspx.cs 283B
images 
prod_s_07.gif 5KB dem_prev.gif 939B prod_b_05.gif 32KB prod_s_04.gif 5KB dem_next.gif 939B
01.jpg 3KB prod_s_02.gif 5KB picA.gif 8KB prod_s_05.gif 5KB prod_b_01.gif 32KB prod_b_06.gif 27KB prod_b_04.gif 33KB prod_b_11.gif 25KB prod_b_10.gif 26KB prod_s_10.gif 4KB prod_b_02.gif 34KB 001.jpg 209KB prod_s_01.gif 5KB prod_b_08.gif 30KB prod_s_03.gif 5KB Thumbs.db 78KB prod_b_07.gif 27KB prod_s_06.gif 4KB prod_b_03.gif 33KB
text_bg.png 43KB prod_b_12.gif 34KB prod_s_12.gif 4KB prod_s_08.gif 4KB prod_s_09.gif 5KB prod_b_09.gif 38KB prod_s_11.gif 4KB jQuery.scroll.min.js 4KB style.css 9KB资源评论
xinxin1122332012-01-11asp.net的，不太合用/- wen_xt2011-12-21能不能注明是 ASP 的？晕死...浪费了..
- tcnet2012-08-29我找的是ASP的，下下来是.NET的，注明一下啊，这么不细心肿么敢用你的程序么。
DBXP2014-01-12已经使用了，挺好的资源，谢谢
