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.
<![CDATA[
<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>
]]>