"
Team:Dundee/HumanPractice/Comic
From 2013.igem.org
(Difference between revisions)
Kyleharrison (Talk | contribs) |
Kyleharrison (Talk | contribs) |
||
| Line 106: | Line 106: | ||
comicpage.setAttribute("src", "http://www.kyleharrison.co.uk/igem/Comic/demo/page-"+counter+".jpg"); | comicpage.setAttribute("src", "http://www.kyleharrison.co.uk/igem/Comic/demo/page-"+counter+".jpg"); | ||
| - | document.getElementById("currentPage").innerHTML = "Page : "+(counter+1); | + | document.getElementById("currentPage").innerHTML = "Viewing Page : "+(counter+1); |
document.getElementById("comicpage").style.height="100%"; | document.getElementById("comicpage").style.height="100%"; | ||
document.getElementById("comicpage").style.width="100%"; | document.getElementById("comicpage").style.width="100%"; | ||
| Line 125: | Line 125: | ||
comicpage.setAttribute("src", "http://www.kyleharrison.co.uk/igem/Comic/demo/page-"+counter+".jpg"); | comicpage.setAttribute("src", "http://www.kyleharrison.co.uk/igem/Comic/demo/page-"+counter+".jpg"); | ||
| - | document.getElementById("currentPage").innerHTML = "Page : "+(counter+1); | + | document.getElementById("currentPage").innerHTML = "Viewing Page : "+(counter+1); |
} | } | ||
</script> | </script> | ||
| Line 134: | Line 134: | ||
<div class="container"> | <div class="container"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<div id="wrapper"> | <div id="wrapper"> | ||
| Line 147: | Line 141: | ||
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"> | ||
| + | |||
| + | <center> | ||
| + | <div id="currentPage"> Viewing Page : 1 </div> | ||
| + | <button class="btn btn-primary btn-large" style="margin-right:15px;" onclick="decrementComicCounter()">Previous Page</button> | ||
| + | <button class ="btn btn-primary btn-large" onclick="incrementComicCounter()">Next Page</button> | ||
| + | </center> | ||
</div> | </div> | ||
| - | + | ||
<div id="push"></div> | <div id="push"></div> | ||
</div> | </div> | ||
Revision as of 13:57, 3 September 2013
