Team:ATOMS-Turkiye/Templates/Module1:Overview

From 2013.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 5: Line 5:
  box=$("#slideanim-content");
  box=$("#slideanim-content");
  el = item.clone();
  el = item.clone();
-
el.css({"max-width:"100%","max-height:"100%"});
 
  box.html(el);
  box.html(el);
-
console.log("asd"+item);
 
  if(item.next().length>0)
  if(item.next().length>0)
   $("#slideanim #slideanim-next").css("visibility","visible");
   $("#slideanim #slideanim-next").css("visibility","visible");
Line 50: 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 63: 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