Team:Paris-Saclay/Testing

From 2012.igem.org

(Difference between revisions)

Revision as of 20:50, 18 July 2012

       slide tile (figure 2a)

           <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!

   // 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>

@@ Line 1: / Line 1: @@
 {{Team:Paris-Saclay/Header}}
+<div id="paris-saclay-content">
 <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>
-<div id="paris-saclay-content">
 <div id="tiles" class="blue">
      <!-- Sliding Tile that shows 100% of the back tile every 3 seconds -->