using images in full numbers pagination

gibb3h

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

allan

Hi gibb3h,

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

gibb3h

thanks a lot for the help, thats perfect :)

jborrajo

Hi guys

I want to do the same, but I do not see how.

Please can somebody post an example?

Thanks a lot!

Javier

allan

Hi 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