jScroller


a Autoscroller for jQuery by Markus Bordihn

Example Up

AnimeArchive.de

This is a Test, in this Test you can see that the Scroller can Scroll Images , Link and other things.

You can also used DIVs in the Scroller without problems:

Test W3C Validation: Valid HTML 4.01 Strict

HTML Code

     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="jscroller.js"></script>
     <div id="scroller_container">
      <div id="scroller">
       ...
      </div>
     </div>
     

CSS Code

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 120px;
 height: 200px;
 overflow: hidden;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */
     

JS Config

   this.defaults = {
     scroller: {
       interval:     0,
       refresh:      100,  // Refresh Time in m
       direction:    "up", // down,right,left,up
       speed:        1,
       id:           "#scroller",
       cont_id:      "#scroller_container",
       ...
     }
   }
     

Valid HTML 4.01 Strict