Anterior - Siguiente
Tengo x imágenes, ejemplo 3.
[Y quiero esto:]
Al entrar en la pagina te sale la imágen 1 por defecto.
Le das a siguiente, la imágen 1 desaparece, la imágen 2 aparece.
Le das a siguiente, la imágen 2 desaparece, la imágen 3 aparece.
Etc...
[Este es mi código, no funciona]
Citar
<html>
<?php
$imagen = "Imagen_1";
// --------
$boton_anterior = $_POST["boton_anterior"];
// Condición, si apretas el boton...
if(isset($boton_anterior))
{
if($imagen == "Imagen_1")
{
$imagen = "Imagen_3";
}
elseif($imagen == "Imagen_2")
{
$imagen = "Imagen_1";
}
elseif($imagen == "Imagen_3")
{
$imagen = "Imagen_2";
}
}
// --------
$boton_siguiente = $_POST["boton_siguiente"];
// Condición, si apretas el boton...
if(isset($boton_siguiente))
{
if($imagen == "Imagen_1")
{
$imagen = "Imagen_2";
}
elseif($imagen == "Imagen_2")
{
$imagen = "Imagen_3";
}
elseif($imagen == "Imagen_3")
{
$imagen = "Imagen_1";
}
}
?>
<div style="background-image: url(imagenes/<?php echo $imagen; ?>.png); background-position: center top"></div>
<form method="post">
<!--(anterior)-->
<button style="background-color: gray; border: 0px; width: 25px; height: 25px" type="submit" name="boton_anterior">
</button>
<!--(siguiente)-->
<button style="background-color: gray; border: 0px; width: 25px; height: 25px" type="submit" name="boton_siguiente">
</button>
</form>
</html>
<?php
$imagen = "Imagen_1";
// --------
$boton_anterior = $_POST["boton_anterior"];
// Condición, si apretas el boton...
if(isset($boton_anterior))
{
if($imagen == "Imagen_1")
{
$imagen = "Imagen_3";
}
elseif($imagen == "Imagen_2")
{
$imagen = "Imagen_1";
}
elseif($imagen == "Imagen_3")
{
$imagen = "Imagen_2";
}
}
// --------
$boton_siguiente = $_POST["boton_siguiente"];
// Condición, si apretas el boton...
if(isset($boton_siguiente))
{
if($imagen == "Imagen_1")
{
$imagen = "Imagen_2";
}
elseif($imagen == "Imagen_2")
{
$imagen = "Imagen_3";
}
elseif($imagen == "Imagen_3")
{
$imagen = "Imagen_1";
}
}
?>
<div style="background-image: url(imagenes/<?php echo $imagen; ?>.png); background-position: center top"></div>
<form method="post">
<!--(anterior)-->
<button style="background-color: gray; border: 0px; width: 25px; height: 25px" type="submit" name="boton_anterior">
</button>
<!--(siguiente)-->
<button style="background-color: gray; border: 0px; width: 25px; height: 25px" type="submit" name="boton_siguiente">
</button>
</form>
</html>