Customizing 'Previous/Next' and 'Show X entries'.

Woldere

Situation:
http://i.imgur.com/yLTd0Dc.png

With this next line I managed to already change the "page number" images.
$.fn.dataTableExt.oStdClasses.sPageButton = "mycustomclass";

I cannot figure out how to change the "Next" and "Previous" buttons. I want them to have no text, I simply want to use my own image for them.

For 'Show X Entries', I cannot figure out at all how to customize. I want no dropdown, I want it to be below the table, and use an image as background for the selections (5-10-15).

Thanks a lot in advance.

Woldere

I've read so many threads and tried so many things, I just can't figure it out.

Help would be really appreciated! :)

Woldere

Sorry for another bump (last one, I promise) but still hoping someone can help.

watduyuwan

do something like

$(el).dataTable({
  language: {
    'paginate': {
      'previous': '<span class="prev-icon"></span>',
      'next': '<span class="next-icon"></span>'
    }
  }
});

For the 'show x entries', take a look at https://datatables.net/reference/option/language.lengthMenu