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");
-
  box.html(item.clone());
+
  el = item.clone();
-
  console.log("asd"+item);
+
  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>
-
<div id="slideanim-next" style="float:right;">Next</div>
 
-
<div id="slideanim-prev" style="float:right;">Prev</div>
 
-
<div id="slideanim-reset" style="float:right;">Reset</div>
 
</html
</html

Latest revision as of 02:04, 5 October 2013