javascript超入門という本をみております。
5枚の写真をボタンを押すたびに切り替わるスライドショーを作りたいのですが、わからない部分があります。
prevボタン、nextボタンの間に、何枚目の画像を表示しているかを表示するpageNumファンクションを使います。
最後のほうにでてくる、{}内のpageNum();と、そのすぐ下にあるpageNum();
が何をしてくれているのかがわかりません。
functionがよく理解できていないのかもしれません。。
javascript
1<script> 2var images = ['images/image1.jpg','images/image2.jpg','images/image3.jpg','images/image4.jpg','images/image5.jpg']; 3 4var current = 0; 5 6var pageNum = function() { 7document.getElementById('page').textContent = (current + 1) + '/' + images.length; 8} 9 10var changeImage = function(num){ 11if(current + num >= 0 && current + num < images.length){ 12current += num; 13document.getElementById('main_image').src = images[current]; 14 15pageNum(); 16} 17}; 18 19pageNum(); 20 21document.getElementById('prev').onclick = function() { 22changeImage(-1); 23}; 24 25document.getElementById('next').onclick = function() { 26changeImage(1); 27}; 28</script> 29
htmlもご提示ください(cssもあれば一緒に)
回答1件
あなたの回答
tips
プレビュー