Threaded View

  1. #1
    Sencha User
    Join Date
    Mar 2007
    Location
    Shanghai
    Posts
    25
    Vote Rating
    0
    helloniko is on a distinguished road

      0  

    Smile Unanswered: [Ext Core]Ext.ux.MessageSlider

    Unanswered: [Ext Core]Ext.ux.MessageSlider


    MessageSlider is my first simple UX based on Ext Core.
    It's really simple and same effect as the top right corner message slides box of extjs website.

    (** if you extract the attachment but to find lost file extention ('.zip'), please use zip software open/extract it, thanks...)


    -Tested on FF2+, IE7+, Chrome2, Safari3
    -MIT License
    -MessageSlider demo
    -ExtWebPPT demo
    -Git source
    -UX doc


    Example usage:
    Code:
            Ext.onReady(function() {
                new Ext.ux.MessageSlider('msg-slider-section', {
                    displayIndex : 3,
                    intervalTime : 5,
                    items : [{
                        content: 'Ext Carousel example »',
                        url: 'http://extjs.com/playpen/ext-core-latest/examples/carousel/',
                        tip: 'The Carousel example provides a widget for browsing a set of objects',
                        target: 'show-example'
                    }, {
                        content: 'Ext JSONP example »',
                        url: 'http://extjs.com/playpen/ext-core-latest/examples/jsonp/',
                        tip: 'The JSONP example shows how you can fetch JSON data from a different domain',
                        target: 'show-example'
                    }, {
                        content: 'Ext Core 3.0 - API Documentation',
                        url: 'http://extjs.com/products/extcore/docs/'
                    }, {
                        content: '<img src="images/ext-site-logo.gif" />',
                        url: 'http://extjs.com',
                        tip: 'Welcome to ExtJS.com'
                    }]
                });   
            });
    *Besides using config options, you may use custom event as well.
    Attached Images
    Attached Files
    Last edited by helloniko; 17 Mar 2010 at 7:32 PM. Reason: typo

Thread Participants: 3