Files
changeblindness/js/change.js
mattbk 3e4a16ef00 Add a transparent div on top of the image
Capture mouse clicks even when images aren't showing.
2015-11-05 15:42:34 -06:00

48 lines
1.2 KiB
JavaScript

// Script settings.
var slideDuration = 600;
var blankDuration = 400;
// Script internals.
var $currentSlide;
var $slides;
var d1 = new Date();
var startTime;
$(document).ready(function(){
$slides = $('#rotator').children('img');
$slides.each(function(index){
$(this).hide();
});
$currentSlide = $slides.first();
$currentSlide.show();
setTimeout(slideHide, slideDuration);
startTime = d1.getTime();
$('#outside').mousedown(function(event){
document.getElementById('xcoordinate').value = event.pageX - this.offsetLeft;
document.getElementById('ycoordinate').value = event.pageY - this.offsetTop;
var d2 = new Date(); var endTime = d2.getTime();
document.getElementById('responsetime').value = endTime - startTime;
document.changeform.submit();
});
$('#placeholder').hide();
$('#rotator').show();
});
function slideHide() {
$currentSlide.hide();
setTimeout(slideShow, blankDuration);
}
function slideShow() {
$currentSlide = $currentSlide.siblings().first();
$currentSlide.show();
setTimeout(slideHide, slideDuration);
}