Team:Dundee/HumanPractice/Comic

From 2013.igem.org

(Difference between revisions)
Line 33: Line 33:
$('img#comicpage').imgplayer({
$('img#comicpage').imgplayer({
frames: [
frames: [
-
// 1st Frame
 
-
[25,50,640,630,{ 
 
-
onStart: function(){
 
-
darkStyle();
 
-
$('#text').html('<strong>Welcome to this little demo.</strong><br>Please reload if you see no image. Click in the image, use the buttons below or the arrow buttons on your keyboard.');
 
-
},
 
-
changeEffect: 'static' 
 
-
}],
 
-
// 3rd Frame
 
-
[25,665,640,630,{ 
 
-
onStart: function(){
 
-
darkStyle();
 
-
$('#text').html('To setup an image for this, you have to define four values for every detail area: The <strong>width</strong> and <strong>height</strong> of the area and the position, relative to the <strong>top</strong> and <strong>left</strong> side of the image.');
 
-
}
 
-
}],
 
-
// 5th Frame
 
-
[635,72,1300,615, {
 
-
onStart: function(){
 
-
darkStyle();
 
-
$('#text').html('You can change the style and speed of the animation or switch it completely off. Also, you can write your own awesome animation stuff and plug it in.');
 
-
},
 
-
}],
 
-
 
-
// 8th Frame
 
-
[1235,25,1300,600, {
 
-
onStart: function(){
 
-
darkStyle();
 
-
$('#text').html('You can customize everything via predefined options and own callback functions.');
 
-
}
 
-
}],
 
-
 
// 10th Frame
// 10th Frame
[0,0,1300,1838,{
[0,0,1300,1838,{
Line 71: Line 40:
}
}
}]
}]
-
],
+
],
-
+
debug: false,
debug: false,
-
 
});
});

Revision as of 13:28, 3 September 2013

iGEM Dundee 2013 · ToxiMop

iGEM Dundee Motion Comic | Demo at KyleHarrison.co.uk

Page : 1