PubliHub :: Source Code Viewer

_{Opgelet: Bij PHP-pagina's of serverpagina's wordt enkel de gerenderde html getoond.}

Broncode van https://cdn.publihub.media/demos/app/swiper.html

<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>App Slider Test</title>
  <link rel="stylesheet" href="https://cdn.publihub.media/css/app.css">
  <script src="https://cdn.publihub.media/lib/app.js?v2"></script>
</head>
<body data-theme="ocean-breeze">

<app-screen>
    <h1>Test van App Slider</h1>

    <app-slider id="mySlider" width="600" height="500">
        <img src="clothes/dress1.png">
        <img src="clothes/dress2.png">
        <img src="clothes/dress3.png">
        <img src="clothes/dress4.png">
    </app-slider>

    <h3>klik op de knop of zeg "nee"</h3>
    <button id="swiper">Volgende</button>
    <app-voice id="next" command="nee"></app-voice>
</app-screen>

<script> 
  id("swiper").after("click").do(
    function(){
        id("mySlider").after("swipe").send();
    }
  );
  id("next").after("listen").do(function(){
    id("mySlider").after("swipe").send();
  }); 
</script>

</body>
</html>