Scrolling news

Overview

This script can be used to display scrolling content on your website.

Licensing

This script is licensed under LGPL. Commercial licenses are also available

Download

• scrolling-content-2.zip

Files in package:

• js/dg-scrolling-content.js - Main javascript file for the widget
• js/dg-scrolling-content-autoload.js - Javascript file to include when you want to apply maxlength control automatically without any manual configuration
• js/external/* - Mootools library used by the script

Demo

Vacant positions

How to configurate

Include javascript file(s)

You need to include the javascript file dg-scrolling-content.js and the mootools file js/external/mootools-1.2.4-core-yc.js in order to use this script

<script type="text/javascript" src="js/external/mootools-1.2.4-core-yc.js"></script>
<script type="text/javascript" src="js/dg-scrolling-content.js"></script>

Automatic config

If you want the script to be initialized automatically (with default config), just include dg-scrolling-content-autoload.js

<script type="text/javascript" src="js/dg-scrolling-content-autoload.js"></script>

Manual config

This script can also be configured manually with Javascript. This is an example:

<script type="text/javascript">
var scrollingNews = new DG.ScrollingContent({
  el : 'scrollingContent',
  pause : 2.5
});
</script>

Available config options to the constructor

• el (Required) - Reference to the scrolling content element
• pause - Pause in seconds between each slide/scroll
• scrollPixels and scrollTimeout - Options to use in case you want a faster, slower or smoother scroll effect. Default values: 4 and 20

Comments

1 2 3 4 5

I really like what I have been seeing on your site.They are really nice.Please I will like to have this product.

OMANG JOSEPH at 08:43AM, 2011/10/14.

1 2 3 4 5

Great Script.One of the best script i have used earlier.Thanks...........

Rajvir at 04:39PM, 2015/02/07.

Post your comment

Your name:
Your email:
Your website:
Don't have an avatar? Create one at Gravatar.com.

 

Confirmation code:

Please wait...

Comment preview:

Type some text to see comment preview...

Anonymous at 11:00, 04-16-2024.