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>