sellector.com - ease of choice

If you want to change the default sellector paging arrows to your own graphics, simply add the following few lines of javascript to your web page:

resultAreaTemplate:{
   arrowImageLeft: 'http://www.sellector.com/images/example/wine/arrowleftred.png',
   arrowImageRight: 'http://www.sellector.com/images/example/wine/arrowrightred.png',
   arrowImageWidth: 30, // in pixel
   arrowImageHeight: 30,
   arrowTransparency: 100, // in %
   arrowMarginTop: 8, // in pixel from top of the result area
   arrowMarginLR: 20 // in pixel from side of the result area
},

Notice:

1. Please adapt the values after the ':' to your needs.
2. The above code snippet must be placed inside the 'sellectorPresentation'-variable (there should only be one per page) inside a javascript-script-tag as shown below:

<script type="text/javascript">
   var sellectorPresentation = { // there can only be one 'sellectorPresentation' variable per page
      other code
      Place your code here
      other code
   }
</script>

3. In order to avoid problems when customizing the above code, please make sure that there is NO comma before any closing '}'-bracket.