Team:Penn/Website
From 2012.igem.org
(Difference between revisions)
Line 90: | Line 90: | ||
<td style="width:700px;"> | <td style="width:700px;"> | ||
<p style="font-color:#fff">Slider</p> | <p style="font-color:#fff">Slider</p> | ||
+ | <div id="dim"> | ||
+ | |||
+ | <div id="layerslider"> | ||
+ | |||
+ | |||
+ | <div class="ls-layer" rel="slidedelay: 1000;"> | ||
+ | <div class="ls-s0"> | ||
+ | |||
+ | <iframe width="750" height="500" src="http://www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe> | ||
+ | |||
+ | </div> | ||
+ | <div class="ls-s2" style="padding: 20px; background: #ff9933; width: 440px; left: 420px; top: 20px; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; color: white; text-shadow: none; font-size: 20px; font-weight: bold; line-height: auto; box-shadow: 0px 0px 20px -5px black"> | ||
+ | Learn more about our projects! | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <script src="http://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script> | ||
+ | <script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript"></script> | ||
+ | <script src="https://2012.igem.org/Team:Penn/js/layersliderkreatura" type="text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $('#layerslider').layerSlider({ | ||
+ | |||
+ | skinsPath : '../layerslider/skins/', | ||
+ | skin : 'defaultskin' | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</td> | </td> | ||
Revision as of 13:14, 23 August 2012
Slider
Learn more about our projects!
|
|