"
Team:Paris-Saclay/Testing
From 2012.igem.org
Revision as of 20:50, 18 July 2012 by YohannPetiot (Talk | contribs)
<script type="text/javascript" src='/Team:Paris-Saclay/jquery.min.js?action=raw&ctype=text/javascript'></script> <script type="text/javascript" src='/Team:Paris-Saclay/MetroJs.js?action=raw&ctype=text/javascript'></script>
slide tile (figure 2a)
<img src="/images/sample/1tw.gif" alt="1" />
<img src="/images/sample/2t.gif" alt="2" />
<img src="/images/sample/3tw.gif" alt="3" />
<a class="tile-title">flip tile front (figure 2b)</a>
<img src="/images/sample/4tw.gif" alt="4" />
<a class="tile-title">flip tile back (figure 2b)</a>
flip list (figure 2c)
-
<img src="/images/sample/1t.gif" alt="1" /><img src="/images/sample/1tw.gif" alt="1" />
-
<img src="/images/sample/2t.gif" alt="2" /><img src="/images/sample/2tw.gif" alt="2" />
-
<img src="/images/sample/3t.gif" alt="3" /><img src="/images/sample/3tw.gif" alt="3" />
-
<img src="/images/sample/4t.gif" alt="4" /><img src="/images/sample/4tw.gif" alt="4" />
static tile (figure 2d)
Static tiles can take advantage of theming too!
<script type="text/javascript">
// apply regular slide universally unless .exclude class is applied
// NOTE: The default options for each liveTile are being pulled from the 'data-' attributes
$(".live-tile, .flip-list").not(".exclude").liveTile();
</script>
