Add controls on embed Sozi presentation.
Go to file
Simon Vieille 84f2d45fe7
Bower file removed
2018-05-14 15:00:50 +02:00
src Documentation 2018-05-14 13:57:27 +02:00
README.md Documentation 2018-05-14 14:00:02 +02:00
composer.json Composer packaging 2018-05-14 15:00:38 +02:00

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>