Bootstrap lightbox(Modal) example

References :
JavaScript · Bootstrap

Bootstrap Paginator

var options = {
currentPage: 3,
             totalPages: 10,
             pageUrl: function(type, page, current){

                     return "http://example.com/list/page/"+page;

             }
}

$('#example').bootstrapPaginator(options);

Reference :
Bootstrap Paginator - Bootstrap Pagination jQuery plugin

CSS Sprites 小圖示

將很多小圖製作成一張大圖，再使用 css 定位的方式取用圖示


優點：載入一張圖即可，減少載入圖片時的 HTTP 交通量




Reference :
Font Awesome, the iconic font designed for use with Twitter Bootstrap
草監網路: [GUI]純CSS製作 GUI 圖示按鈕-Nowill Design
CSS Sprites 產生器，改造網頁以加快圖示載入速度

JQuery AJAX pager

Reference :

Pagination with Jquery, PHP , Ajax and MySQL.
ajaxPager Demo