oksushi · February 25, 2014 02:11
diff --git a/dabblet.css b/dabblet.css
 /**
 * Making a clickable Cage
 */

 div {
 position: relative;
 float: left;
 }
 img {
 display: block;
 }
 button {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 bottom: 0;
 display: block;
 background: transparent;
 border: 0;
 cursor: pointer;
 }
 button span {
 background: rgba(0,0,0,.5);
 padding: 1em;
 border-radius: 1em;
 color: white;
 }
diff --git a/dabblet.html b/dabblet.html
 <div>
 <img src="http://placecage.com/200/300" alt="Cage">
 <button type="button" value="Zoom"><span>Zoom</span></button>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	<div>
	<img src="http://placecage.com/200/300" alt="Cage">
	<button type="button" value="Zoom"><span>Zoom</span></button>
	</div>