Question

Hola quería que me ayudarais con el siguiente problema,

Resulta que quiero que al refrescar/cargar la pagina web me alterne dos imágenes banners de modo que en cada carga muestre una distinta.

Ojo no la quiero random ya que de ese modo lo consigo hacer(efecto que no deseo ya que a lo mejor cada dos, tres... refrescos me la alterna). Se me ocurre guardar un flag en la BD como valor a 1 de modo que si recargo de nuevo compruebo el valor, si es igual a 1 cargo el siguiente banner y lo pongo a 2 el flag y así al revés poniéndolo de nuevo a 1. Pero no querría legar hacer este procedimiento...

También quiero hacerla sin necesidad de utilizar sesiones ni cookies.

Espero vuestra respuesta, saludos!

Comments

A no ser que no te esté interpretando bien no tiene mucho sentido lo que quieres hacer. ¿Cual es el objetivo? ¿En qué mejora ese comportamiento al que obtienes con random? Los inconvenientes están muy claros a nivel de rendimiento y recursos necesarios ¿ventajas?

Answer 1

Hola Pabeni,

las sesiones (las que se usan con sesion_*()) son un mecanismo nativo de PHP que no usa la DB ni tampoco usa recursos del lado del cliente que ya no estén en uso por visitar la página.

Se puede hacer con sesiones así:

session_start();
if( ! isset($_SESSION["banner"])) {
    $_SESSION["banner"] = 1; // si no hay valor de la sesión, pone un default
}
// dependiendo del valor, pone un banner u otro
if($_SESSION["banner"] == 1) {
   $banner = 'ruta/banner1.png';
   $_SESSION["banner"] = 2;
} else {
   $banner = 'ruta/banner2.png';
   $_SESSION["banner"] = 1;
}

Luego usás en el SRC de la imagen el valor de la variable $banner.

Si tuvieras más de 2 banners, es mejor cambiar el IF por un SWITCH, y si tenés ganas de jugar, delegar la responsabilidad de determinar el banner siguiente en un Objeto que implemente una patrón de diseño State (lo que para un caso tan simple es un poco como matar moscas a cañonazos ;-) )

Esto es un mecanismo que no usa procedimientos alternativos al propio lenguaje... si no podés aplicar esta solución, tendrás que contarnos mejor el contexto y las restricciones (estoy pensando que tu pregunta no es el caso real de uso, sino una simplificación para poder escribirlo en eD, y tal vez no sea un equivalente correcto a tu problema.

Saludos cordiales!

Answer 2

podria ser con localstorage?

<script type="text/javascript">

    var images = [
        'http://placehold.it/350x150',
        'http://placehold.it/350x151'
    ];

    document.addEventListener('DOMContentLoaded', function(){

        if (localStorage.current_banner) {
            localStorage.current_banner = parseInt(localStorage.current_banner) + 1;

            if(parseInt(localStorage.current_banner) > images.length -1)
                localStorage.current_banner = 0;

        } else
            localStorage.current_banner = 0;

            current = parseInt(localStorage.current_banner);
            document.getElementById('banner').src = images[current];

    });
</script>

tambien podrias hacer uso de:

• en php: memcache, apc, file cache.
• escribir en ficheros.
• una base de datos.

pero afectaria el performance, de cierta forma.

no veo mucho sentido no usar sesiones ni cookies, cual podria ser la razon?

Answer 3

Aquí tienes el código que hace lo que deseas. He comentado el código para no explayarme mucho aquí.

<?php
if(!isset($_SESSION)) {
    session_start();
}
$images = array(
    1 => "http://i.imgur.com/oCX8Md2.jpg",
    2 => "http://i.imgur.com/Y4n6RjM.jpg"
);

$index = rand(1,2); // alterna entre 1 y 2

/* si la variable de sesión "index" está establecida y
    además es igual al índice random y si:
   1.- Es igual a 1, pasa a ser 2.
   2.- Es igual a 2, pasa a ser 1.

   La variable de sesión 'index', es una variable que
   almacena el índice anterior obtenido por rand(1,2).
   Si cuando se refresca la página y se saca un rand(1,2)
   igual al anterior, la imagen no cambiaría, entonces
   se evalúa, si es igual al índice anterior se cambia.
   De ésta manera, el rand(1,2) siempre alterna entre 1 y 2.
  */
if(isset($_SESSION["index"])) {
    if($_SESSION["index"] == $index) {
        if($index == 1)
            $index = 2;
        else
            $index = 1;
    }
}
// guarda el indice temporal para la próxima vez que se recarge
$_SESSION["index"] = $index;
$_SESSION["img"] = $images[$index]; // asigna la imagen con el índice establecido

?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Demo cambiar imagen</title>
    <style>
        body {
            background-image: url("<?= $_SESSION['img']?>");
            background-size: cover;
        }
    </style>
</head>
<body>

</body>
</html> 

UPDATE: demo

Answer 4

Hola @pabeni,

ya charlamos de por qué no se puede esto más arriba... así que acá va una "solución" tramposa:

<?php
    $u = date("U");
    $delay = 1;
    if(isset($_GET["a"]) && isset($_GET["t"]) ){
        if($_GET['t']+$delay < $u) {

            switch($_GET["a"]) {
            case '1':
                header("Location:?a=2&t=$u");       
                break;
            case '2':
                header("Location:?a=1&t=$u");       
                break;
            }
        }
    } else {
        header("Location:?a=1&t=$u");   
    }

    switch($_GET["a"]) {
        case '1':
            $banner = 'pegasus.gif';
            break;
        case '2':
            $banner = '1.jpg';
            break;
        default:$banner = '1.jpg';
    }
?>
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Banner</title>
        <meta charset="utf-8" >
    </head>
    <body>
        <?php
            print "<img src='$banner' />";
        ?>
    </body>
</html>

No funciona si refrescás muy rápido, pero es solucionable usando más resolución en la toma del tiempo y ajustando el delay.

La trampa es que uso el propio URL como "memoria" de lo que está pasando.

Saludos cordiales!