Carouhell - Adding a carouhell into loaded page

Back to Carouhell

When you click the button, it copies the textarea's contents into the white box, where it turns to carouhell. That's all.

<link rel="stylesheet" type="text/css" href="src/carouhell.css"> <script src="src/carouhell.js"></script> <style> .carouhell { background: gray; } .carouhell li { transition: 400ms; } </style> <textarea id="src" style="width: 25em; height: 8em"> <ul class="carouhell"> <li><img src="assets/img1.jpg"> <li><img src="assets/img2.jpg"> <li><img src="assets/img3.jpg"> </ul> </textarea> <div id="tgt" style="display: inline-block; width: 200px; height: 200px; border: 1px solid black"></div><br> <button onclick="tgt.innerHTML = src.value; this.disabled=1">Copy into the white box</button>