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>