Team:Manaus Amazonas-Brazil
From 2013.igem.org
Maria eliza (Talk | contribs) |
Maria eliza (Talk | contribs) |
||
(10 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <script type="text/javascript" src="js/easySlider1.5.js"></script> | + | <script type="text/javascript" src="http://cssglobe.com/lab/easyslider1.5/js/easySlider1.5.js"></script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | $(document).ready(function(){ | |
- | $(document).ready(function(){ | + | $("#slider").easySlider({ |
- | $("#slider").easySlider({ | + | controlsBefore: '<p id="controls">', |
- | + | controlsAfter: '</p>', | |
- | + | auto: true, | |
- | + | continuous: true | |
- | + | }); | |
- | }); | + | |
- | + | }); | |
- | + | </script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | }); | + | |
- | </ | + | |
- | + | <style> | |
- | + | #slider{ margin-left:165px; } | |
+ | #slider ul, #slider li, #slider2 ul, #slider2 li{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style:none; | ||
+ | } | ||
+ | #slider li, #slider2 li{ | ||
+ | /* | ||
+ | define width and height of list item (slide) | ||
+ | entire slider area will adjust according to the parameters provided here | ||
+ | */ | ||
+ | width:696px; | ||
+ | height:241px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | p#controls, p#controls2{ | ||
+ | margin:0; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | overflow:hidden; | ||
+ | text-indent:-8000px; | ||
+ | width:30px; | ||
+ | height:77px; | ||
+ | position:absolute; | ||
+ | left:-30px; | ||
+ | top:-160px; | ||
+ | } | ||
+ | #nextBtn, #nextBtn2{ | ||
+ | left:696px; | ||
+ | } | ||
+ | #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{ | ||
+ | display:block; | ||
+ | width:30px; | ||
+ | height:77px; | ||
+ | background:url(images/btn_prev.gif) no-repeat 0 0; | ||
+ | } | ||
+ | #nextBtn a, #nextBtn2 a{ | ||
+ | background:url(images/btn_next.gif) no-repeat 0 0; | ||
+ | } | ||
body { | body { | ||
Line 379: | Line 416: | ||
<BR><BR><BR> | <BR><BR><BR> | ||
- | <div id="slider"> | + | <div id="slider" > |
<ul> | <ul> | ||
<li><a href="http://templatica.com/preview/30"><img src="https://static.igem.org/mediawiki/2013/0/08/Foto_1-home.jpg" alt="Css Template Preview" /></a></li> | <li><a href="http://templatica.com/preview/30"><img src="https://static.igem.org/mediawiki/2013/0/08/Foto_1-home.jpg" alt="Css Template Preview" /></a></li> | ||
- | <li><a href="http://templatica.com/preview/27"><img src="https://static.igem.org/mediawiki/2013/thumb/9/95/Foto_2_-_home.jpg/800px-Foto_2_-_home.jpg" alt="Css Template Preview" /></a></li> | + | <li style="text-align: center; height: 400px !important;"><a href="http://templatica.com/preview/27"><img style="height: 250px;" src="https://static.igem.org/mediawiki/2013/thumb/9/95/Foto_2_-_home.jpg/800px-Foto_2_-_home.jpg" alt="Css Template Preview" /></a></li> |
</ul> | </ul> | ||
</div> | </div> |
Latest revision as of 04:06, 28 September 2013
|
|
|