To answer your questions:
1) Depending on the encoding of your page, the ">>" symbol used by the script may not look correct. Inside the .js file, find the below line:
Code:
paginateHTML+='<li><a href="#next" rel="'+(selectedpage+1)+'">next »</a></li>\n' //next link HTML
Try changing the code in red to a different HTML entity value that displays the symbol you want correctly.
With regards to your other questions, have you tried playing around with the CSS of the script? The relevant parts would be:
Code:
.pagination a:hover{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}
.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}
.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}
You'll probably want to change "background-color" in red above to just "background" to specify the desired background image depending on the links' states, such as background:url('somebg.gif').
Bookmarks