elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado:


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP (Moderador: #!drvy)
| | | |-+  [Ayuda] PHP anterior siguiente imagen		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Ayuda] PHP anterior siguiente imagen  (Leído 2,309 veces)
Anonymatrix

Desconectado Desconectado

Mensajes: 47


raro, raro, raro


Ver Perfil
[Ayuda] PHP anterior siguiente imagen
« en: 5 Mayo 2016, 04:25 am »
Hola, he creado 2 botones:

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>
« Última modificación: 5 Mayo 2016, 04:27 am por Anonymatrix » En línea
ola k ase
gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: [Ayuda] PHP anterior siguiente imagen
« Respuesta #1 en: 5 Mayo 2016, 05:02 am »
Lo que estás haciendo es complicarte la vida, enviando una petición por imagen? Además no hace falta reinventar la rueda (una y otra vez...).

Tienes varios plugins JQuery que hacen esto por tí, yo uso FlexSlider (ahí tienes una demo).

Código
  1. <div class="flexslider">
  2.   <ul class="slides">
  3.     <li>
  4.       <img src="imagenes/Imagen_1.png" />
  5.     </li>
  6.     <li>
  7.       <img src="imagenes/Imagen_2.png" />
  8.     </li>
  9.   </ul>
  10. </div>

Una vez creado el html inicializas el plugin en el:

Código
  1. $(window).load(function() {
  2.   $('.flexslider').flexslider({
  3.     animation: "slide"
  4.   });
  5. });

Si no sabes el número de imagenes que vas a tener en la carpeta, puedes buscarlas y crear el html automaticamente:

Código
  1. $storeFolder = realpath('/home/usuario/web.com/imagenes');
  2.  
  3. if ( FALSE !== $storeFolder && is_dir($storeFolder) ) {
  4.  
  5.     $files  = scandir($storeFolder);
  6.  
  7.     if ( FALSE !== $files ) {
  8.         foreach ( $files as $file ) {
  9.             if ( '.' != $file && '..' != $file) {
  10.                 echo '    <li>
  11.       <img src="', $file, '" />
  12.     </li>';
  13.             }
  14.         }
  15.     }

Este código debería ir entre las etiquetas <ul></ul>.

Si las imagenes las suben los usuarios, debes asegurarte de que el nombre de estas no contenga comilas dobles para evitar ataques XSS.

EDITO: En el segundo ejemplo de la página te dicen como poner botones si no es suficiente con las flechas < y >.
« Última modificación: 5 Mayo 2016, 06:15 am por gAb1 » En línea
Anonymatrix

Desconectado Desconectado

Mensajes: 47


raro, raro, raro


Ver Perfil
Re: [Ayuda] PHP anterior siguiente imagen
« Respuesta #2 en: 6 Mayo 2016, 00:58 am »
Grax.
En línea
ola k ase
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
¿Cómo crear un visualizador de imágenes con botones de siguiente y anterior?
.NET (C#, VB.NET, ASP) 		Juancho25 4 9,630 Último mensaje 1 Mayo 2013, 12:31 pm
por ABDERRAMAH
[C] Lista doble y error en campo anterior, siguiente
Programación C/C++ 		edr89 2 2,775 Último mensaje 11 Octubre 2013, 06:09 am
por edr89
Ayuda encontre en mi sitio web una imagen gif con el siguiente codigo php
Seguridad 		priester007 1 2,812 Último mensaje 29 Noviembre 2013, 16:46 pm
por MasterAndHack
ayuda en un programa que encuentre el día anterior, el dìa y día siguiente,en C
Ejercicios 		Ale_21 1 3,127 Último mensaje 31 Octubre 2014, 17:24 pm
por rir3760
Ayuda con boton anterior y siguiente en PHP
PHP 		Maxi.Zamorano 0 1,927 Último mensaje 26 Diciembre 2018, 19:04 pm
por Maxi.Zamorano
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines