https://github.com/jawish/microfilmjs

MicrofilmJS is a jQuery plugin used to display a horizontal list of summary slides and expanding the selected slide into a detail view using transition animations. Slides can be navigated and interacted with using the mouse, keyboard or touch.
https://github.com/jawish/microfilmjs

Last synced: 21 days ago
JSON representation

MicrofilmJS is a jQuery plugin used to display a horizontal list of summary slides and expanding the selected slide into a detail view using transition animations. Slides can be navigated and interacted with using the mouse, keyboard or touch.

• Host: GitHub
• URL: https://github.com/jawish/microfilmjs
• Owner: jawish
• License: mit
• Created: 2014-04-20T16:32:08.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-04-22T15:48:51.000Z (over 10 years ago)
• Last Synced: 2024-10-05T11:18:29.512Z (about 1 month ago)
• Language: JavaScript
• Homepage:
• Size: 183 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
MicrofilmJS is a jQuery plugin used to display a horizontal list of summary slides and expanding the selected slide into a detail view using transition animations. Slides can be navigated and interacted with using the mouse, keyboard or touch. It also supports a table-of-contents navigation, navigation using location hashes, filtering slides based on tagged classes and plays nice with mobile devices.

## Requires

- jQuery

- jquery.mousewheel.js (optional)

### Default configs

```javascript

var configs = {

        pageSelector: '.page',

        filterSelector: 'a.filters',

        initialFilter: 'all',

        pageWidth: 300,

        pageSeparation: 10,

        pageWidthLarge: 900,

        tocLinkSelector: 'li a',

        permaLinkSelector: '.permalink',

        pageCloseDuration: 300,

        pageCloseEasing: 'swing',

        pageSeekDuration: 500,

        pageSeekEasing: 'swing',

        pageOpenEasing: 'swing',

        pageOpenDuration: 300,

        navNextSelector: '.next',

        navPreviousSelector: '.previous',

        closeLinkSelector: '.close',

        useMouseWheel: true

    }

```

### Events

microfilm.seek

microfilm.show

microfilm.next

microfilm.previous

## Demo

View demo.html http://jawish.github.io/microfilmjs/demo.html

## License

MIT License