vaakash / jquery-easy-ticker

jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable, flexible with lot of features and works in all browsers.

jQuery Easy Ticker plugin

jQuery easy ticker is a news ticker like plugin which scrolls a list infinitely. It is highly customizable, flexible with lots of features and works in all browsers.

👁️ Live demo - 🏠 Home page - ☕ Buy me a Coffee !

Features

• Two directions available (Up and down).
• Can be targeted on any template.
• Flexible API for extending to various applications.
• Supports 'easing' functions.
• Mouse pause feature available.
• The speed of the transition can be changed.
• Controls can be added in order to Play/pause or move the list up and down.
• Cross browser support.
• Light weight (2.86 KB - minified).

Usage

Include jQuery and easy ticker plugin (available under dist/) in the page.

<script src="jquery.js"></script>
<script src="jquery.easy-ticker.min.js"></script>

HTML

Wrapper > Target > Children

<div class="myWrapper">
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
        <li>List item 4</li>
    </ul>
</div>

or

<div class="myWrapper">
    <div>
        <div>List item 1</div>
        <div>List item 2</div>
        <div>List item 3</div>
        <div>List item 4</div>
    </div>
</div>

jQuery

With default options

$(document).ready(function(){
    
    $('.myWrapper').easyTicker({
        direction: 'up',
        easing: 'swing',
        speed: 'slow',
        interval: 2000,
        height: 'auto',
        visible: 0,
        mousePause: true,
        autoplay: true,
        controls: {
            up: '',
            down: '',
            toggle: '',
            playText: 'Play',
            stopText: 'Stop'
        },
        callbacks: {
            before: false,
            after: false,
            finish: false
        }
    });

});

See demo

Buy me a coffee !

Like this plugin ? If you find it useful and if it helped solved your problem, feel free to Buy me a Coffee ! 😀

Documentation

Plugin's documentation is available in the plugin homepage. Please refer this page for more details on usage, options and customization features.

Requirements

• jQuery 1.7+

License

Copyright (c) 2022 Aakash Chakravarthy, released under the MIT License.