more examples

This commit is contained in:
Josh de Leeuw 2015-02-19 10:32:10 -05:00
parent 6334bd84d7
commit b9ea8853ac
14 changed files with 58 additions and 0 deletions

BIN
tests&examples/img/1.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
tests&examples/img/10.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
tests&examples/img/11.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
tests&examples/img/12.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
tests&examples/img/2.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
tests&examples/img/3.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
tests&examples/img/4.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
tests&examples/img/5.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
tests&examples/img/6.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
tests&examples/img/7.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
tests&examples/img/8.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
tests&examples/img/9.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -0,0 +1,25 @@
<!doctype html>
<html>
<head>
<script src="js/jquery.min.js"></script>
<script src="../jspsych.js"></script>
<script src="../plugins/jspsych-text.js"></script>
<link rel="stylesheet" href="../css/jspsych.css"></link>
</head>
<body>
<div id="jspsych-target"></div>
</body>
<script>
var block = {
type: 'text',
text: 'Welcome to the experiment. Press any key to begin.'
}
jsPsych.init({
display_element: $('#jspsych-target'),
experiment_structure: [block]
});
</script>
</html>

View File

@ -0,0 +1,33 @@
<!doctype html>
<html>
<head>
<script src="js/jquery.min.js"></script>
<script src="js/snap.svg-min.js"></script>
<script src="../jspsych.js"></script>
<script src="../plugins/jspsych-vsl-animate-occlusion.js"></script>
<link rel="stylesheet" href="../css/jspsych.css"></link>
</head>
<body>
<div id="jspsych-target"></div>
</body>
<script>
var images = ["img/1.gif","img/2.gif","img/3.gif","img/4.gif","img/5.gif","img/6.gif","img/7.gif","img/8.gif","img/9.gif","img/10.gif"];
// create vsl block for jspsych
var block = {
type: 'vsl-animate-occlusion',
stimuli: images
};
function start(){
jsPsych.init({
display_element: $('#jspsych-target'),
experiment_structure: [block]
});
}
jsPsych.preloadImages(images, start);
</script>
</html>