"
Team:Dundee/Project/Mop
From 2013.igem.org
(Difference between revisions)
Kyleharrison (Talk | contribs) |
Kyleharrison (Talk | contribs) |
||
| 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 116: | Line 126: | ||
</div></center> | </div></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></center> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
Revision as of 00:05, 5 October 2013
