"
Team:Dundee/Project/Mop
From 2013.igem.org
(Difference between revisions)
Kyleharrison (Talk | contribs) |
Kyleharrison (Talk | contribs) |
||
| (4 intermediate revisions not shown) | |||
| Line 51: | Line 51: | ||
}, { | }, { | ||
cssSelectorAncestor: "#cp_container_2", | cssSelectorAncestor: "#cp_container_2", | ||
| + | swfPath: "js", | ||
| + | wmode: "window", | ||
| + | keyEnabled: true | ||
| + | }); | ||
| + | |||
| + | var myCirclePlayer3 = new CirclePlayer("#jquery_jplayer_3", | ||
| + | { | ||
| + | m4a: "http://www.kyleharrison.co.uk/igem/digiposter/ScoobyDoo.wav", | ||
| + | }, { | ||
| + | cssSelectorAncestor: "#cp_container_3", | ||
swfPath: "js", | swfPath: "js", | ||
wmode: "window", | wmode: "window", | ||
| Line 68: | Line 78: | ||
<div class="span12"> | <div class="span12"> | ||
<h2> An Introductin by Brian Cox </h2><br> | <h2> An Introductin by Brian Cox </h2><br> | ||
| + | </div></div> | ||
| + | |||
| + | <div class="row"> | ||
| + | <div class="span12"> | ||
| + | <center><img src="https://static.igem.org/mediawiki/2013/2/2b/PosterBanner.jpg" style="height:150px;width:98%;padding-left:20px"></img</center> | ||
</div></div> | </div></div> | ||
| Line 92: | Line 107: | ||
<li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block --> | <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block --> | ||
</ul> | </ul> | ||
| - | </div></center> | + | </div><p><strong> Introduction</strong> </p></center> |
</div> | </div> | ||
<div class="span4"> | <div class="span4"> | ||
| - | + | <center> <div id="jquery_jplayer_2" class="cp-jplayer"></div> | |
<!-- The container for the interface can go where you want to display it. Show and hide it as you need. --> | <!-- The container for the interface can go where you want to display it. Show and hide it as you need. --> | ||
| Line 114: | Line 129: | ||
<li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block --> | <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block --> | ||
</ul> | </ul> | ||
| - | </div></center> | + | </div><p><strong> Personal Story</strong> </p></center> |
</div> | </div> | ||
| + | |||
| + | <div class="span4"> | ||
| + | <centeR> | ||
| + | <!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. --> | ||
| + | <div id="jquery_jplayer_3" class="cp-jplayer"></div> | ||
| + | |||
| + | <!-- The container for the interface can go where you want to display it. Show and hide it as you need. --> | ||
| + | |||
| + | <div id="cp_container_3" class="cp-container"> | ||
| + | <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% --> | ||
| + | <div class="cp-buffer-3"></div> | ||
| + | <div class="cp-buffer-3"></div> | ||
| + | </div> | ||
| + | <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% --> | ||
| + | <div class="cp-progress-3"></div> | ||
| + | <div class="cp-progress-3"></div> | ||
| + | </div> | ||
| + | <div class="cp-circle-control"></div> | ||
| + | <ul class="cp-controls"> | ||
| + | <li><a class="cp-play" tabindex="1">play</a></li> | ||
| + | <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block --> | ||
| + | </ul> | ||
| + | </div><p><strong> What is Synthetic Biology?</strong> </p></center> | ||
</div> | </div> | ||
| + | </div> | ||
| - | |||
| - | |||
| - | |||
| - | |||
<!-- Le javascript | <!-- Le javascript | ||
Latest revision as of 00:08, 5 October 2013
