Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
etc
 
 
img
 
 
src
 
 
 
 

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.

About

No description, website, or topics provided.

Resources

Releases

No releases published

Packages

No packages published

Languages