Team:UCLondon/Templates/Content-Slide
From 2012e.igem.org
(Difference between revisions)
Line 37: | Line 37: | ||
<td><br/><br/><span class="play blue-but">Pitch</span></td> | <td><br/><br/><span class="play blue-but">Pitch</span></td> | ||
<td><br/><br/><span class="play red-but">Tutorials</span></td> | <td><br/><br/><span class="play red-but">Tutorials</span></td> | ||
- | <td><br/><br/><span class="play green-but">Slideshow</span></td> | + | <td><br/><br/><span class="play-slides green-but">Slideshow</span></td> |
</tr> | </tr> | ||
</table> | </table> | ||
Line 129: | Line 129: | ||
<div id="box-content2" style="width:95%; height:95%; margin:auto;"> | <div id="box-content2" style="width:95%; height:95%; margin:auto;"> | ||
+ | <div id="load2" style="background:url(http://db.tt/UTRvh0fQ) no-repeat center center; height:100px; width:100px; margin:auto;"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="shadow4" style="display:none;" > | ||
+ | <div id="close-box4" style="background:url(http://db.tt/N9CUKlnO) no-repeat 0 0; height:35px; width:35px; cursor:pointer;"></div> | ||
+ | <div id="fullscreen" style="background:url(https://dl.dropbox.com/u/3703109/igeme/1350594488_appbar.fullscreen.png) no-repeat 0 0; height:35px; width:35px; cursor:pointer; right:40px;"></div> | ||
+ | |||
+ | <div id="box-content4" style="width:95%; height:95%; margin:auto;"> | ||
<div id="load2" style="background:url(http://db.tt/UTRvh0fQ) no-repeat center center; height:100px; width:100px; margin:auto;"></div> | <div id="load2" style="background:url(http://db.tt/UTRvh0fQ) no-repeat center center; height:100px; width:100px; margin:auto;"></div> | ||
</div> | </div> | ||
Line 194: | Line 204: | ||
+ | /* e-pitch box */ | ||
var openBox2 = function () { | var openBox2 = function () { | ||
$('#shadow2').center(); | $('#shadow2').center(); | ||
Line 207: | Line 218: | ||
$('#shadow2').toggle('slow', function() { | $('#shadow2').toggle('slow', function() { | ||
$(this).children('#box-content2').html(loading); | $(this).children('#box-content2').html(loading); | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* slide show box */ | ||
+ | var openBox4 = function () { | ||
+ | $('#shadow4').center(); | ||
+ | var input = 'Coming Soon'; | ||
+ | |||
+ | $('#shadow2').toggle('slow', function() { | ||
+ | $(this).children('#box-content4').html(input); | ||
+ | }); | ||
+ | return false; | ||
+ | } | ||
+ | |||
+ | var closeBox4 = function() { | ||
+ | $('#shadow2').toggle('slow', function() { | ||
+ | $(this).children('#box-content4').html(loading); | ||
}); | }); | ||
} | } | ||
Line 219: | Line 249: | ||
$('body').off('click', '#close-box2', closeBox2); | $('body').off('click', '#close-box2', closeBox2); | ||
$('body').on('click', '#close-box2', closeBox2); | $('body').on('click', '#close-box2', closeBox2); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | $('body').off('click', '.play-slides', openBox4); | ||
+ | $('body').on('click', '.play-slides', openBox4); | ||
+ | |||
+ | $('body').off('click', '#close-box4', closeBox4); | ||
+ | $('body').on('click', '#close-box4', closeBox4); | ||
}); | }); |
Revision as of 21:16, 18 October 2012