|
|
Line 231: |
Line 231: |
| $('#shadow4').center(); | | $('#shadow4').center(); |
| | | |
- | var input = '<div id="impress"> | + | var input = '<div id="impress"><div id="start" class="step" ><p>Creating Stunning Visualizations</p><p>Impress.js </p><p class="hint_text">Press <em>Spacebar</em> or Tab To Get Started</p></div><div id="slide1" class="step" data-x="-1200"><p>This Slide Moves From Left To Right</p></div></div>'; |
- | <div id="start" class="step" >
| + | |
- | <p>Creating Stunning Visualizations</p>
| + | |
- | <p>Impress.js </p>
| + | |
- | <p class="hint_text">Press <em>Spacebar</em> or Tab To Get Started</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide1" class="step" data-x="-1200">
| + | |
- | <p>This Slide Moves From Left To Right</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide2" class="step" data-x="1200">
| + | |
- | <p>This Slide Moves From Right To Left</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide3" class="step" data-x="2200" data-y="500">
| + | |
- | <p>This Slide Moves From Right To Left and Bottom To Top</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide4" class="step" data-x="2200" data-y="-500">
| + | |
- | <p>This Slide Moves Top To Bottom</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide5" class="step" data-x="3200" data-rotate="150">
| + | |
- | <p>This Slide Rotates Clockwise Around z-axis</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide6" class="step" data-x="6200" data-scale="3">
| + | |
- | <p>This Slide Scales 3 Times</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide7" class="step" data-x="4200" data-y="1500" data-z="1500">
| + | |
- | <p>Away</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide8" class="step" data-x="4900" data-y="1500" data-z="100">
| + | |
- | <p>Towards</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide9" class="step" data-x="5600" data-y="1500" data-z="-1500">
| + | |
- | <p>Futher Towards</p>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="slide10" class="step" data-x="6600" data-y="3000" data-scale="10">
| + | |
- | <p>Visualization Slide Positions</p>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | <div class="fallback-message">
| + | |
- | <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>
| + | |
- | </div>';
| + | |
| | | |
| $('#shadow4').toggle('slow', function() { | | $('#shadow4').toggle('slow', function() { |