A new option has been introduced to allow easily setting an image, rather than resorting to CSS image replacement techniques. Some under the hood optimisations and tweaks have been made, too. (Thanks to NickRameau for suggestions).

Using images

To use the new image feature simply add the following line to your settings (see this post for how to install): scrollImg: true This will prevent any text set in scollText from being visible, allowing you to set a background image in your CSS file — no image replacement techniques needed to hide the the text. Any text set in scrollText will still be used as the link title.

Example usage

JavaScript

$.scrollUp({
  scrollImg: true
});

CSS

#scrollUp {
  bottom: 20px;
  right: 20px;
  width: 38px; /* Width of image */
  height: 38px; /* Height of image */
  background: url(../../img/top.png) no-repeat;
}