https://github.com/ialpert/gridy.js

Gridy.js is a library that can be used in SmartTV's apps. You can use it for carousels, grids, and sliders
https://github.com/ialpert/gridy.js

Last synced: 3 months ago
JSON representation

Gridy.js is a library that can be used in SmartTV's apps. You can use it for carousels, grids, and sliders

• Host: GitHub
• URL: https://github.com/ialpert/gridy.js
• Owner: ialpert
• Created: 2012-11-26T12:58:54.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2016-04-11T16:22:19.000Z (over 8 years ago)
• Last Synced: 2024-05-12T12:39:08.990Z (6 months ago)
• Language: CoffeeScript
• Homepage: http://ialpert.github.com/gridy.js
• Size: 701 KB
• Stars: 66
• Watchers: 9
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-smarttv - Gridy.js - Library for grids and coursels. (Source Code)

README

        
Gridy.js

========

Gridy.js is a library that can be used in SmartTV's apps. You can use it for carousels, grids, and sliders

Todo:

========

* jQuery plugin

* Tests

* Better TV related example

* Better description

```html

```

Markup example:

```html



    

        <li>{name}</li>

    

    


        


    



```


JS example:

```javascript

new Gridy("#category", {

                                    rows      : 1,

                                    cols      : 1,

                                    transSpeed: 500,

                                    index     : 4,

                                    data      : data,

                                    onExit    : function(direction) {}

                                  }                               

```

Default values:

```javascript

  default_confing = {

    rows: 1,

    cols: 1,

    transSpeed: 500,

    index: 0,

    data: [],

    controls: true,

    focusedClass: 'focused',

    orientation: 'horizontal',

    onChange: function(elem) {},

    onExit: function(direction) {},

    selectors: {

      container: 'ul',

      wrapper: '.wrapper',

      content: '.content',

      focused: '.focused',

      elem: 'li',

      page: '.page',

      tpl: 'script[type="text/tpl"]'

    }

  };

```