Mudanças entre as edições de "Teste"
De VRWiki
(Limpou toda a página) |
|||
| Linha 1: | Linha 1: | ||
| + | <div id="container"> | ||
| + | <ul> | ||
| + | <li><img src="picture1.jpg" width="604" height="453" /></li> | ||
| + | <li><img src="picture2.jpg" width="604" height="453" /></li> | ||
| + | <li><img src="picture3.jpg" width="604" height="453" /></li> | ||
| + | </ul> | ||
| + | <span class="button prevButton"></span> | ||
| + | <span class="button nextButton"></span> | ||
| + | </div> | ||
| + | |||
| + | <script> | ||
| + | $(window).load(function(){ | ||
| + | var pages = $('#container li'), current=0; | ||
| + | var currentPage,nextPage; | ||
| + | |||
| + | $('#container .button').click(function(){ | ||
| + | currentPage= pages.eq(current); | ||
| + | if($(this).hasClass('prevButton')) | ||
| + | { | ||
| + | |||
| + | if (current <= 0) | ||
| + | current=pages.length-1; | ||
| + | else | ||
| + | current=current-1; | ||
| + | } | ||
| + | else | ||
| + | { | ||
| + | if (current >= pages.length-1) | ||
| + | current=0; | ||
| + | else | ||
| + | current=current+1; | ||
| + | } | ||
| + | nextPage = pages.eq(current); | ||
| + | currentPage.hide(); | ||
| + | nextPage.show(); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
Edição das 13h31min de 12 de fevereiro de 2016
- <img src="picture1.jpg" width="604" height="453" />
- <img src="picture2.jpg" width="604" height="453" />
- <img src="picture3.jpg" width="604" height="453" />
<script>
$(window).load(function(){
var pages = $('#container li'), current=0;
var currentPage,nextPage;
$('#container .button').click(function(){ currentPage= pages.eq(current); if($(this).hasClass('prevButton')) {
if (current <= 0) current=pages.length-1; else current=current-1; } else { if (current >= pages.length-1) current=0; else current=current+1; } nextPage = pages.eq(current); currentPage.hide(); nextPage.show(); }); }); </script>
