No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
etc
img
src
README.md

README.md

#Tyle Player - A free jQuery plugin

##What's this ? Tyle Player is a javascript player for contents images like newscard, social graphics, and so on. It supports all of the major browsers.

ScreenShot

You can check the detailed demos here and

##Browser Support

IE 9+, Chrome, Firefox, Safari, Opera (including Mobile devices).

##Usage You can also see the example on http://codepen.io/zidell/pen/MbErOE

<head>
    <link href="https://d1s0awd0642fry.cloudfront.net/web/plugin/jquery-tyle-player-0.1.0/dist/jquery-tyle-player.min.css" rel="stylesheet" />
    <script src="https://d1s0awd0642fry.cloudfront.net/web/plugin/jquery-tyle-player-0.1.0/dist/jquery-tyle-player.min.js"></script>
</head>
<body>
    <div id="#container"></div>
    
    <script>
        $('#container').tylePlayer([
            'https://d1s0awd0642fry.cloudfront.net/cards.images/Bz/BzHbuJcmdH39dhtKa_cont.png',
            'https://d1s0awd0642fry.cloudfront.net/cards.images/eK/eK6faxWbRivP7y5zE_cont.png',
            'https://d1s0awd0642fry.cloudfront.net/cards.images/Ek/EkM3BqNtd8GPKiX7w_cont.png'
        ]);
    </script>
</body>

##Options

The Tyle Player has several properties and events to interact with the control programmatically.

$(selector).tylePlayer([
    'https://....jpg',
    'https://....jpg',
    'https://....jpg'
],
{
    width: 510,
    height: 510,
    background: '#000',
    enablePageIndicator : true,
    enableFullscreen : true,
    lastSlideLabel : 'AI Design Tool',
    lastSlideLink : 'https://tyle.io',
    onStart : function(){
        console.log("onStart");
    },
    onEnd : function(){
        console.log("onEnd");
    },
    onNext : function(slideNo){
        console.log("next slideNo", slideNo);
    },
    onPrev : function(slideNo){
        console.log("prev slideNo", slideNo);
    },
    onReplay : function(){
        console.log("replay");
    }
});

##Licence Tyle Player is licensed under the terms of the MIT license.