"
Team:Korea U Seoul/template/contents slider
From 2013.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
<style> | <style> | ||
| - | .slider{padding:5px; width: | + | .slider{padding:5px; width: 757px; height: 400px; position: relative;} |
| - | .slider > img { width: | + | .slider > img { width: 757px; height: 400px;} |
.slider_navi{position: absolute; bottom: 30px; left: 10px;} | .slider_navi{position: absolute; bottom: 30px; left: 10px;} | ||
.slider_navi > span {background-color: #000000; margin: 10px; cursor: pointer; padding: 5px 7px; color: #FFFFFF;} | .slider_navi > span {background-color: #000000; margin: 10px; cursor: pointer; padding: 5px 7px; color: #FFFFFF;} | ||
| Line 11: | Line 11: | ||
</head> | </head> | ||
<body> | <body> | ||
| - | <div class="slider" style="border-radius:10px"> | + | <div class="slider" style="border-radius:10px padding-left:100px;"> |
<img src="http://static4.depositphotos.com/1006994/448/v/950/depositphotos_4482997-Party-banner-background.jpg"> | <img src="http://static4.depositphotos.com/1006994/448/v/950/depositphotos_4482997-Party-banner-background.jpg"> | ||
<img src="http://static4.depositphotos.com/1006994/448/v/950/depositphotos_4482997-Party-banner-background.jpg"> | <img src="http://static4.depositphotos.com/1006994/448/v/950/depositphotos_4482997-Party-banner-background.jpg"> | ||
| Line 22: | Line 22: | ||
<script> | <script> | ||
var slider = $(".slider"); | var slider = $(".slider"); | ||
| - | slider.width( | + | slider.width(757); |
slider.height(400); | slider.height(400); | ||
var slider_navi = $(".slider_navi"); | var slider_navi = $(".slider_navi"); | ||
Revision as of 17:17, 27 September 2013
