jqueryIntroLoader demopage

simpleLoader Animation - stop()
This is an example of manual plugin start and stop.

Back to Demos Index

Try to Start/Stop Plugin

Click to Start Plugin Click to Stop Plugin

Example Javascript Code

// INTRO (auto plugin stop)
$("#element").introLoader({

    animation: {
        name: 'simpleLoader',
        options: {
            exitFx:'slideUp',
            ease: "easeInOutCirc",
            style: 'dark'                           
        }
    },  
    spinJs: {
        lines: 10, // The number of lines to draw
        length: 10, // The length of each line
        radius: 30, // The radius of the inner circle
        width: 8, // The line thickness
        color: '#fff' // #rgb or #rrggbb or array of colors
    }

});

// START
$('#startPlugin').on('click', function() {
    $("#dynElement").introLoader({
        animation: {
            name: 'simpleLoader',
            options: {
                stop: false,
                fixed: false
            }
        }
    });
});

// STOP
$('#stopPlugin').on('click', function() {
    var loader = $('#dynElement').data('introLoader');
    loader.stop();
});