Crestron Components Lib - Showcase App

ch5-image: release event

release event

Open the browser console to see the result of a Javascript event handler when the ch5-image is released . ( See the JS tab )

Preview

HTML
JS
CSS

<ch5-image
    id="demo"
    url="https://www.crestron.com/Crestron/media/Crestron/GeneralSiteImages/Featured%20Pages/Digital%20Media/all-in-one.jpg">
</ch5-image>

var elem = document.getElementById("demo");  

elem.addEventListener('release', function(){
    console.log('image release event via javascript');
});

Execute JS before HTML

Open the browser console to see the result of a jQuery event handler when the ch5-image is released. ( See the JS tab )

Preview

HTML
JS
CSS

<ch5-image
    id="demo2"
    url="https://www.crestron.com/Crestron/media/Crestron/GeneralSiteImages/Featured%20Pages/Digital%20Media/all-in-one.jpg">
</ch5-image>

$('#demo2').on('release', function() {
    console.log('image release event via jquery')
});

Execute JS before HTML