Team:ATOMS-Turkiye/Templates/Module1:Overview
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <script> function slideanimOpen(item){ box=$("#slideanim-content"); box.html(item.clone()); console.log("asd"+item); if(item.next().length>0) $("#slideanim #slidean...") |
|||
(6 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
function slideanimOpen(item){ | function slideanimOpen(item){ | ||
box=$("#slideanim-content"); | box=$("#slideanim-content"); | ||
- | + | el = item.clone(); | |
- | + | box.html(el); | |
if(item.next().length>0) | if(item.next().length>0) | ||
$("#slideanim #slideanim-next").css("visibility","visible"); | $("#slideanim #slideanim-next").css("visibility","visible"); | ||
Line 48: | Line 48: | ||
}); | }); | ||
</script> | </script> | ||
+ | <style> | ||
+ | #slideanim, #slideanim #slideanim-content { | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | #slideanim img{ | ||
+ | max-width:100%; | ||
+ | } | ||
+ | #slideanim .slideanim-button{ | ||
+ | float:right; | ||
+ | padding: 4px; | ||
+ | margin: 4px; | ||
+ | background: #F4F4F4; | ||
+ | border: 3px solid #112445; | ||
+ | |||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | |||
+ | cursor: pointer; | ||
+ | } | ||
+ | </style> | ||
<div id="slideanim"> | <div id="slideanim"> | ||
<items class="no-print"> | <items class="no-print"> | ||
Line 61: | Line 83: | ||
<image src="https://static.igem.org/mediawiki/2013/a/ae/Oncoli-animation-f10.jpg"/> | <image src="https://static.igem.org/mediawiki/2013/a/ae/Oncoli-animation-f10.jpg"/> | ||
</items> | </items> | ||
+ | <div id="slideanim-next" class="slideanim-button">Next</div> | ||
+ | <div id="slideanim-prev" class="slideanim-button">Prev</div> | ||
+ | <div id="slideanim-reset" class="slideanim-button">Reset</div> | ||
<div id="slideanim-content"></div> | <div id="slideanim-content"></div> | ||
- | |||
- | |||
- | |||
</html | </html |
Latest revision as of 02:04, 5 October 2013