.slideshow {
- background-color:rgb(50,50,50);
+ background-color:rgb(225,225,225);
height:465px;
min-width:960px;
- border: solid 1px black;
- outline-style:dotted;
overflow:hidden;
position:relative
}
.slideshow-slides {
height:100%;
position:absolute;
- width:100%
+ width:100%;
}
.slideshow-slides .slide {
height:100%;
- overflow:hidden;
+ overflow:auto;
position:absolute;
- width:100%
+ width:100%;
}
.slideshow-nav a,
.eq(currentIndex).addClass('active');
}
- function startTimver(){
+ function startTimer(){
timer = setInterval(function(){
- var nextIndex = (currentIndex+1)%slideCount;
+ var nextIndex = (currentIndex+1) % slideCount;
goToSlide(nextIndex);
},interval);
}
}
});
- /*
- $container.on({
- 'mouseenter':stopTimer(),
- 'mouseleave':startTimer()
- });
- */
+
goToSlide(currentIndex);
- startTimer();
});
}(document, 'script', 'facebook-jssdk'));</script>
<header><h1 style=text-align:center>無料電子掲示板へようこそ</h1></header>
{% set d = 0 %}
+{% set i = 10 %}
<div class=slideshow>
<div class=slideshow-slides>
{% for x in coll %}
- {% if d % 5 == 0 %}
+ {% if d % i == 0 %}
<div class=slide>
{% end %}
{% set d += 1 %}
{% else %}
<p><a href=/{{x}}>{{x}}</a>
{% end %}
- {% if d % 5 == 0 %}
+ {% if d % i == 0 %}
</div>
{% end %}
{% end %}
-{% if d % 5 != 0 %}
+{% if d % i != 0 %}
</div>
{% end %}
</div>