Team:UPO-Sevilla/test
From 2011.igem.org
(Difference between revisions)
Line 353: | Line 353: | ||
} | } | ||
+ | |||
+ | #slider { width: 700px; height: 390px; } | ||
</style> | </style> | ||
+ | <script src="https://2011.igem.org/Team:UPO-Sevilla/js/anythingSlider.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | |||
+ | <script> | ||
+ | // DOM Ready | ||
+ | $(function(){ | ||
+ | $('#slider').anythingSlider({ | ||
+ | theme : 'minimalist-round', | ||
+ | easing : 'easeInOutBack', | ||
+ | // autoPlayLocked : true, // If true, user changing slides will not stop the slideshow | ||
+ | // resumeDelay : 10000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds). | ||
+ | onSlideComplete : function(slider){ | ||
+ | // alert('Welcome to Slide #' + slider.currentPage); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<div id="principal"> | <div id="principal"> | ||
Line 361: | Line 379: | ||
<h1>Data Page</h1> | <h1>Data Page</h1> | ||
+ | <div class="center"> | ||
+ | <ul id="slider"> | ||
+ | |||
+ | <li><img src="demos/images/slide-civil-1.jpg" alt=""></li> | ||
+ | |||
+ | <li><img src="demos/images/slide-env-1.jpg" alt=""></li> | ||
+ | |||
+ | <li><img src="demos/images/slide-civil-2.jpg" alt=""></li> | ||
+ | |||
+ | <li><img src="demos/images/slide-env-2.jpg" alt=""></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
</div> | </div> |
Revision as of 16:58, 20 September 2011