49 lines
1 KiB
Markdown
49 lines
1 KiB
Markdown
Sozi UI
|
|
=======
|
|
|
|
Add controlers on embeded Sozi presentations.
|
|
|
|
Usage
|
|
-----
|
|
|
|
```
|
|
var soziUi = new SoziUi(element, options);
|
|
soziUi.addControls();
|
|
soziUi.addEvents();
|
|
```
|
|
|
|
Example
|
|
-------
|
|
|
|
```
|
|
<link rel="stylesheet" href="/path/to/sozi-ui.css">
|
|
|
|
<div class="sozi-container">
|
|
<iframe src="/presentation.svg" frameborder="0" class="presentation"></iframe>
|
|
</div>
|
|
|
|
<script src="/path/to/sozi-ui.js"></script>
|
|
|
|
<script>
|
|
window.addEventListener('load', function() {
|
|
var presentations = document.querySelectorAll('.presentation');
|
|
|
|
presentations.forEach(function(presentation) {
|
|
var soziUi = new SoziUi(presentation, {
|
|
summary: true,
|
|
allowFullscreen: true,
|
|
position: 'bottom' // or 'top',
|
|
lang: {
|
|
next: 'Suivant',
|
|
previous: 'Précédent',
|
|
fullscrenOn: 'Plein écran',
|
|
fullscrenOff: 'Réduire'
|
|
}
|
|
});
|
|
soziUi.addControls();
|
|
soziUi.addEvents();
|
|
});
|
|
}, false)
|
|
</script>
|
|
```
|