@@ -0,0 +1,3 @@
+This is where I plan on keeping any random PrototypeJS based libraries I write.
+
+Currently it only contains Scroller.js, a simple, pretty JS based news ticker with mouseover functionality.
\ No newline at end of file
README
@@ -1,3 +1,35 @@
+/*
+ The Scroller class is a simple "news ticker" style widget.
+
+ The markup should look something like this:
+
+ <script type="text/javascript" src="/javascripts/prototype.js"></script>
+ <script type="text/javascript" src="/javascripts/effects.js"></script>
+ <script type="text/javascript" src="/javascripts/scroller.js"></script>
+ <script type="text/javascript" charset="utf-8">
+ Event.observe(window, 'load', function(e) {
+ var scroller = new Scroller("display", "contents", {delay: 7000});
+ });
+ </script>
+
+ ....
+
+ <span id="display"> </span>
+ <div id="contents" style="display: none;">
+ <div>Lorem ipsum dolor sit amet <b>consectetur adipisicing elit</b></div>
+ <div><a href="/somewhere">sed do eiusmod tempor</a> ut labore et dolore magna aliqua</div>
+ <div><a href="/else">quis nostrud exercitation ullamco</a> Ut enim ad minim</div>
+ </div>
+
+ The children of the "contents" element will be displayed in the "display" container. The contents are
+ faded in and out. An optional delay value can be passed in. This represents the lenght in milliseconds
+ elements are shown for before the fadeout starts. Mousing over the a story will pause the ticker.
+ Shortly after mousing out, the article will rotate.
+
+ Multiple "tickers" can be created for different parts of the same page with unique contents,
+ display locations and delays.
+
+*/
var Scroller = Class.create({
initialize : function(display_id, content_id, opts) {
opts = (opts == null ? { delay: 5500 } : opts);
scroller.js
1135a56382fd4a293608b228cae797acaa497a2f
Andrew Bloom
andrew@andrewkbloom.com
http://github.com/abloom/prototype-objects/commit/8ab8960206869fb96e3a49936fa6f955f4ca694c
8ab8960206869fb96e3a49936fa6f955f4ca694c
2008-09-24T08:37:38-07:00
2008-09-24T08:37:38-07:00
added some docs to scroller.js and a basic README
da30fb171d4c978928ec1e9d11bab710f3f32657
Andrew Bloom
andrew@andrewkbloom.com