Hola a todos, soy nuevo en este foro pero hace tiempo que estoy leyendo y he aprendido mucho gracias a él. Recientemente me han encargado una presentación web y he desarrollado un pequeño script para que funcionara el script es el siguiente:
var y=0;
for (x = 1; x < N; x++)
$(".pag"+x).hide();
$(".siguiente").click(function(){
$(".pag"+y).hide();
y++;
$(".pag"+y).show();
if (y==N){
$(".pag0").show();
y=0;
}
});
$(".anterior").click(function(){
$(".pag"+y).hide();
y--;
$(".pag"+y).show();
if(y==-1){
$(".pagN-1").show();
y=N-1;
}
});
$(".inicio").click(function(){
for (x = 1; x < N; x++)
$(".pag"+x).hide();
$(".pag0").show();
y=0;
});
$(".final").click(function(){
for (x = 0; x < N-1; x++)
$(".pag"+x).hide();
$(".pagN-1").show();
y=N-1;
});
sólo hay que cambiar N por el número de páginas de nuestra presentación. Y el HTML:
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-1.8.2.min.js"></script>
</head>
<body>
<div class="siguiente">siguiente</div>
<div class="anterior">anterior</div>
<div class="inicio">inicio</div>
<div class="final">final</div>
<div class="pag0">contenido página 0</div>
<div class="pag1">contenido página 1</div>
<div class="pag2">contenido página 2</div>
.
.
.
<div class="pagN-1">contenido página N-1</div>
<script src="js/script.js"></script>
</body>
</html>
Pues nada solo quería compartirlo. Estoy seguro de que hay soluciones más cortas y elegantes. Si alguien quiere aportarlas estaré agradecido.
