Team:UCLondon/Templates/Content-Slide
From 2012e.igem.org
(Difference between revisions)
Line 235: | Line 235: | ||
<p>Creating Stunning Visualizations</p> | <p>Creating Stunning Visualizations</p> | ||
<p>Impress.js </p> | <p>Impress.js </p> | ||
- | <p class= | + | <p class="hint_text">Press <em>Spacebar</em> or Tab To Get Started</p> |
</div> | </div> | ||
Line 258: | Line 258: | ||
</div> | </div> | ||
- | <div id="slide6" class="step" data-x="6200" data-scale= | + | <div id="slide6" class="step" data-x="6200" data-scale="3"> |
<p>This Slide Scales 3 Times</p> | <p>This Slide Scales 3 Times</p> | ||
</div> | </div> | ||
- | <div id="slide7" class="step" data-x="4200" data-y= | + | <div id="slide7" class="step" data-x="4200" data-y="1500" data-z="1500"> |
<p>Away</p> | <p>Away</p> | ||
</div> | </div> | ||
- | <div id="slide8" class="step" data-x="4900" data-y= | + | <div id="slide8" class="step" data-x="4900" data-y="1500" data-z="100"> |
<p>Towards</p> | <p>Towards</p> | ||
</div> | </div> | ||
- | <div id="slide9" class="step" data-x="5600" data-y= | + | <div id="slide9" class="step" data-x="5600" data-y="1500" data-z="-1500"> |
<p>Futher Towards</p> | <p>Futher Towards</p> | ||
</div> | </div> | ||
- | <div id="slide10" class="step" data-x="6600" data-y= | + | <div id="slide10" class="step" data-x="6600" data-y="3000" data-scale="10"> |
<p>Visualization Slide Positions</p> | <p>Visualization Slide Positions</p> | ||
</div> | </div> | ||
Line 282: | Line 282: | ||
<div class="fallback-message"> | <div class="fallback-message"> | ||
- | <p>Your browser <b>doesn | + | <p>Your browser <b>doesn"t support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p> |
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p> | <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p> | ||
</div> | </div> |
Revision as of 03:04, 19 October 2012
'; $('#shadow4').toggle('slow', function() { $(this).children('#box-content4').html(input); }); return false; } var closeBox4 = function() { var d = document; if ( (d.fullScreen) || (d.webkitIsFullScreen) || (d.mozfullScreen) ){ (d. cancelFullScreen == undefined) ? "" : d. cancelFullScreen(); (d.webkitCancelFullScreen == undefined) ? "" : d.webkitCancelFullScreen(); (d.mozCancelFullScreen == undefined) ? "" : d.mozCancelFullScreen(); } $('#shadow4').toggle('slow', function() { $(this).children('#box-content4').html(loading); }); } /* fullscreen functions */ var fstoggle = function() { var d = document; if ( (d.fullScreen) || (d.webkitIsFullScreen) || (d.mozfullScreen) ){ //$('#shadow4').children('#box-content4').html(loading); (d. cancelFullScreen == undefined) ? "" : d. cancelFullScreen(); (d.webkitCancelFullScreen == undefined) ? "" : d.webkitCancelFullScreen(); (d.mozCancelFullScreen == undefined) ? "" : d.mozCancelFullScreen(); } else { var e = document.getElementById('shadow4'); (e.requestFullScreen == undefined) ? "" : e.requestFullScreen(); (e.webkitRequestFullScreen == undefined) ? "" : e.webkitRequestFullScreen(); (e.mozRequestFullScreen == undefined) ? "" : e.mozRequestFullScreen(); } } $(document).ready(function(event) { loading = $('#load2').parent().html(); $('body').off('click', '.play', openBox2); $('body').on('click', '.play', openBox2); $('body').off('click', '#close-box2', closeBox2); $('body').on('click', '#close-box2', closeBox2); /* slide deck box */ $('body').off('click', '.run-slides', openBox4); $('body').on('click', '.run-slides', openBox4); $('body').off('click', '#close-box4', closeBox4); $('body').on('click', '#close-box4', closeBox4); /* fullscreen mode */ $('body').off('click', '#fullscreen',fstoggle); $('body').on('click', '#fullscreen', fstoggle); });