using images in full numbers pagination
using images in full numbers pagination
Hello there, I was wondering if you could help me with an issue I am having. I am trying to use the full numbers pagination method, but instead of the first, previous, next and last buttons, I would like to use images (which i can then apply hover effects to etc), how can I go about this?
thanks in advance
thanks in advance
This discussion has been closed.
Replies
Yes this can be done. Firstly you'll need to remove the text used in the images (unless you want to keep it) which can be done using the language initialisation options: http://datatables.net/usage/i18n
Secondly, you can style your buttons using CSS. The buttons all have default class names (for example "first" etc). Information on these classes, and how you can customise them is available here: http://datatables.net/styling/custom_classes
Regards,
Allan
I want to do the same, but I do not see how.
Please can somebody post an example?
Thanks a lot!
Javier
Some simple CSS should do the trick:
.first { background-image: url('...'); }
.previous { background-image: url('...'); }
etc
The classes are given on the pages linked above (although it's almost as easy to use Firebug or something like that :-) ), and you can use them to target the elements you want to apply classes to.
Allan