zoom

dabblet.css

/* zoom */

* { margin: 0; padding: 0; }
.containerTable { width: 200px; height: 100px; margin: 100px 0 0 300px; background: #987654; }
.containerTd { width: 100px; height: 100px; vertical-align:top; }
div { text-align: center; width: 100px; height: 100px; background: #ECA864; border: 1px solid black; transition: all 1s ease; position: absolute; }
div.zoom { width: 1024px; height: 700px; margin-left: -300px; margin-top: -100px; position: absolute; }

dabblet.html

<table class="containerTable">
  <tr>
    <td class="containerTd">
      <div onClick="if(this.className=='zoom') this.className=''; else this.className='zoom';">
        Click me
      </div>
    </td>
    <td>
      Texte à côté
    </td>
  </tr>
</table>

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}