"
Team:Korea U Seoul/template/contents slider
From 2013.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
<style> | <style> | ||
| - | .slider{padding:5px; width: 757px; height: | + | .slider{padding:5px 100px; width: 757px; height: 300px; position: relative;} |
| - | .slider > img { width: 757px; height: | + | .slider > img { width: 757px; height: 300px;} |
| - | .slider_navi{position: absolute; bottom: 30px; left: | + | .slider_navi{position: absolute; bottom: 30px; left: 110px;} |
.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;} | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
| - | <div class="slider" style="border-radius:10px | + | <div class="slider" style="border-radius:10px;"> |
<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 23: | Line 23: | ||
var slider = $(".slider"); | var slider = $(".slider"); | ||
slider.width(757); | slider.width(757); | ||
| - | slider.height( | + | slider.height(300); |
var slider_navi = $(".slider_navi"); | var slider_navi = $(".slider_navi"); | ||
var imgs = slider.children("img"); | var imgs = slider.children("img"); | ||
Revision as of 17:21, 27 September 2013
