<ch5-triggerview id="demo" gestureable="true" endless="true">
<ch5-triggerview-child>
<ch5-image
url="https://picsum.photos/700/301/?random">
</ch5-image>
</ch5-triggerview-child >
<ch5-triggerview-child>
<ch5-image
url="https://picsum.photos/700/302/?random">
</ch5-image>
</ch5-triggerview-child >
<ch5-triggerview-child>
<ch5-image
url="https://picsum.photos/700/303/?random">
</ch5-image>
</ch5-triggerview-child >
</ch5-triggerview>
<br>
<ch5-button id="prev" label="prev"></ch5-button>
<ch5-button id="next" label="next"></ch5-button>
var demo = document.getElementById('demo');
var prev = document.getElementById('prev');
var next = document.getElementById('next');
prev.addEventListener('click', function() {
demo.previousViewChild();
});
next.addEventListener('click', function() {
demo.nextViewChild();
});