"
Team:Korea U Seoul/template/contents slider
From 2013.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
<style> | <style> | ||
| - | .slider{width: | + | .slider{width: 800px; height: 400px; position: relative;} |
| - | .slider > img { width: | + | .slider > img { width: 800px; height: 400px;} |
.slider_navi{position: absolute; bottom: 10px; left: 10px;} | .slider_navi{position: absolute; bottom: 10px; left: 10px;} | ||
.slider_navi > span {background-color: #FFFFFF; margin: 10px; cursor: pointer} | .slider_navi > span {background-color: #FFFFFF; margin: 10px; cursor: pointer} | ||
| Line 11: | Line 11: | ||
</head> | </head> | ||
<body> | <body> | ||
| - | <div class="slider | + | <div class="slider"> |
<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(800); |
slider.height(400); | slider.height(400); | ||
var slider_navi = $(".slider_navi"); | var slider_navi = $(".slider_navi"); | ||
Revision as of 15:34, 27 September 2013
