slide-base.js

// プレゼン用UI
$('.root-pane').remove();
$('.gist.container.js-gist-container').css({'width': '100%'});
$('.column.files').css({'width': '100%'});
$('h3').each(function(){
	$(this).css({
		'margin-top': $('html').height()+'px',
		'padding-top': '30px'
	});
});
 
// 1ページに移動
$('html, body').animate({ scrollTop: $('h3').eq(0).offset().top }, 'fast');
 
 
// カウント数
var slide = {count: 0};
 
// カウント表示
var len = $('h3').length;
var $slideCount = $('<div id="count" />');
$slideCount.html('<span id="slideCount">'+(slide.count+1)+'</span> / <span>'+len+'</span>');
$slideCount.css({
	'position':'fixed',
	'right': '25px',
	'top': '25px',
	'z-index': 10000,
	'color': '#fff',
	'padding': '10px 15px',
	'background-color': '#ccc',
	'font-size': '1.5em'
});
$('body').append($slideCount);
 
// キーイベント：「←」prev、「→」next
$(window).keyup(function(e){
	if((e.keyCode == 13 || e.keyCode == 37) && slide.count > 0) {
		slide.count--;
		$('#slideCount').text(slide.count+1);
 
		$('html, body').animate({ scrollTop: $('h3').eq(slide.count).offset().top }, 'fast');
	}
	if((e.keyCode == 17 || e.keyCode == 39) && slide.count < len-1) {
		slide.count++;
		$('#slideCount').text(slide.count+1);
 
		$('html, body').animate({ scrollTop: $('h3').eq(slide.count).offset().top }, 'fast');
	}
});