You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
5 years ago | |
---|---|---|
src | 5 years ago | |
README.md | 5 years ago | |
composer.json | 5 years ago |
README.md
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>