Difference between revisions of "Team:Korea U Seoul/template/contents slider"

Line 4: Line 4:
 
          
 
          
 
         <style>
 
         <style>
−
             .slider{padding:5px 100px; width: 943px; height: 352px; position: relative;}
+
             .slider{padding:5px 100px; width: 943px; height: 452px; position: relative;}
−
             .slider > img { width: 943px; height: 352px;}
+
             .slider > img { width: 943px; height: 452px;}
 
             .slider_navi{position: absolute; bottom: 30px; left: 110px;}
 
             .slider_navi{position: absolute; bottom: 30px; left: 110px;}
 
             .slider_navi > span {background-color: #242424; margin: 10px; cursor: pointer; padding: 5px 7px; color: #FFFFFF;}
 
             .slider_navi > span {background-color: #242424; margin: 10px; cursor: pointer; padding: 5px 7px; color: #FFFFFF;}
Line 14: Line 14:
 
         <div class="slider" style="border-radius:10px; margin:0 auto;">
 
         <div class="slider" style="border-radius:10px; margin:0 auto;">
 
             <img src="https://static.igem.org/mediawiki/2015/1/19/%EA%B8%B8_%EB%B0%B0%EA%B2%BD.png">
 
             <img src="https://static.igem.org/mediawiki/2015/1/19/%EA%B8%B8_%EB%B0%B0%EA%B2%BD.png">
−
             <img src="https://static.igem.org/mediawiki/2014/e/e0/Mainsli777.png">
+
             <img src="https://static.igem.org/mediawiki/2015/5/55/Danche2.jpg">
−
             <img src="https://static.igem.org/mediawiki/2014/3/3d/Mainsli1.jpg">
+
             <img src="https://static.igem.org/mediawiki/2015/3/36/Danche4.jpg">
−
             <img src="https://static.igem.org/mediawiki/2014/5/58/Method2.jpg">           <div class="slider_navi">
+
             <img src="https://static.igem.org/mediawiki/2015/1/17/Danche3.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2015/3/3b/Danche.jpg">
 +
            <div class="slider_navi">
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 24: Line 26:
 
         var slider = $(".slider");
 
         var slider = $(".slider");
 
             slider.width(943);
 
             slider.width(943);
−
             slider.height(352);
+
             slider.height(452);
 
         var slider_navi = $(".slider_navi");
 
         var slider_navi = $(".slider_navi");
 
         var imgs = slider.children("img");
 
         var imgs = slider.children("img");

Revision as of 18:15, 18 September 2015