Team:Dundee/HumanPractice/Comic

From 2013.igem.org

(Difference between revisions)
Line 28: Line 28:
var windowWidth  = $(window).width,
var windowWidth  = $(window).width,
    windowHeight = $(window).height;
    windowHeight = $(window).height;
-
 
-
$('#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.');
 
$('img#comicpage').imgplayer({
$('img#comicpage').imgplayer({
Line 37: Line 35:
onStart: function(){  
onStart: function(){  
darkStyle();
darkStyle();
-
$('#text').html('This is the last frame.<br>By skipping forward you\'re looping back to the start.');
 
}
}
}]
}]
Line 150: Line 147:
otherwise the image doesn't load in Webkit browsers -->
otherwise the image doesn't load in Webkit browsers -->
<img id="comicpage" src="http://www.kyleharrison.co.uk/igem/Comic/demo/page-0.jpg" width="1300" height="1838">
<img id="comicpage" src="http://www.kyleharrison.co.uk/igem/Comic/demo/page-0.jpg" width="1300" height="1838">
-
 
+
-
<!-- Optional: The demo textbox -->
+
-
<div id="text"></div>
+
-
 
+
-
<!-- Optional: Navigation -->
+
-
<nav id="imgplayer-nav"></nav>
+
-
 
+
</div>
</div>

Revision as of 13:53, 3 September 2013

iGEM Dundee 2013 · ToxiMop

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

Page : 1