Difference between revisions of "Team:HSNU-TAIPEI"
Line 48: | Line 48: | ||
/* SLIDER */ | /* SLIDER */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
.slider-nav { | .slider-nav { | ||
Line 58: | Line 53: | ||
} | } | ||
@media screen and (min-width: 1024px) { | @media screen and (min-width: 1024px) { | ||
− | |||
− | |||
− | |||
− | |||
.slider { | .slider { | ||
Line 214: | Line 205: | ||
<main> | <main> | ||
<div class="mc-container home"> | <div class="mc-container home"> | ||
− | |||
<div class="section slider"> | <div class="section slider"> | ||
<div class="jumbo-bg home-bg slide active-slide"> | <div class="jumbo-bg home-bg slide active-slide"> | ||
Line 233: | Line 223: | ||
</div> | </div> | ||
− | + | <div class="slider-nav"> | |
+ | |||
+ | <a class="arrow-prev"><img src="https://static.igem.org/mediawiki/2015/6/6e/HSNU-TAIPEI_pre-arrow.png"></a> | ||
+ | <ul class="slider-dots"> | ||
+ | <li class="dot active-dot">•</li> | ||
+ | <li class="dot">•</li> | ||
+ | <li class="dot">•</li> | ||
+ | <li class="dot">•</li> | ||
+ | </ul> | ||
+ | <a class="arrow-next"><img src="https://static.igem.org/mediawiki/2015/4/40/HSNU-TAIPEI_next-arrow.png"></a> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="section three-link"> | <div class="section three-link"> | ||
<div class="home-bg"> | <div class="home-bg"> | ||
Line 278: | Line 266: | ||
var currentSlide = $('.active-slide'), | var currentSlide = $('.active-slide'), | ||
currentDot = $('.active-dot'); | currentDot = $('.active-dot'); | ||
− | var nextSlide = currentSlide.next(), | + | var nextSlide = currentSlide.next('.slide'), |
nextDot = currentDot.next(); | nextDot = currentDot.next(); | ||
if(nextSlide.length === 0) { | if(nextSlide.length === 0) { | ||
Line 292: | Line 280: | ||
var currentSlide = $('.active-slide'), | var currentSlide = $('.active-slide'), | ||
currentDot = $('.active-dot'); | currentDot = $('.active-dot'); | ||
− | var prevSlide = currentSlide.prev(), | + | var prevSlide = currentSlide.prev('.slide'), |
prevDot = currentDot.prev(); | prevDot = currentDot.prev(); | ||
if(prevSlide.length === 0) { | if(prevSlide.length === 0) { |
Revision as of 03:49, 5 September 2015