Difference between revisions of "Team:UCL/amandeep"

Line 15: Line 15:
 
</style>
 
</style>
 
<body>
 
<body>
 
<div class="w3-container">
 
  <h2>Slideshow Indicators</h2>
 
  <p>An example of using buttons to indicate how many slides there are in the slideshow, and which slide the user is currently viewing.</p>
 
</div>
 
  
 
<div class="w3-content w3-display-container" style="max-width:800px">
 
<div class="w3-content w3-display-container" style="max-width:800px">
   <img class="mySlides" src="img_nature_wide.jpg" style="width:100%">
+
   <img class="mySlides" src="https://static.igem.org/mediawiki/2016/thumb/c/cc/Ucligem_outreach2.jpg/1200px-Ucligem_outreach2.jpg" style="width:100%">
 
   <img class="mySlides" src="img_fjords_wide.jpg" style="width:100%">
 
   <img class="mySlides" src="img_fjords_wide.jpg" style="width:100%">
   <img class="mySlides" src="img_mountains_wide.jpg" style="width:100%">
+
   <img class="mySlides" src="https://static.igem.org/mediawiki/2016/thumb/1/13/Ucligem_outreach6.jpg/1600px-Ucligem_outreach6.jpg" style="width:100%">
 
   <div class="w3-center w3-section w3-large w3-text-white w3-display-bottomleft" style="width:100%">
 
   <div class="w3-center w3-section w3-large w3-text-white w3-display-bottomleft" style="width:100%">
 
     <div class="w3-left w3-padding-left w3-hover-text-khaki" onclick="plusDivs(-1)">&#10094;</div>
 
     <div class="w3-left w3-padding-left w3-hover-text-khaki" onclick="plusDivs(-1)">&#10094;</div>
Line 30: Line 25:
 
     <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
 
     <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
 
     <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
 
     <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
 
 
   </div>
 
   </div>
 
</div>
 
</div>

Revision as of 11:03, 26 July 2016

<strong> <b> Amandeep Varia's Wiki <b> </strong> W3.CSS