Help to create an image loop with $_SESSION

Question

I’m using this code below working perfect with an image loop coming from the BD.

<div align="center" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px; overflow: hidden;">
<?php
include "conexao.php";
$imagem = $_POST['imagem'];
$texto = $_POST['texto'];
$query = mysql_query("SELECT * FROM banner ORDER BY RAND() LIMIT 4");
while($res = mysql_fetch_array($query)){    
?>
    <div>
        <img src="img_banner/<?php echo $res['imagem']; ?>" alt="image slider" />
            <div u=caption t="*" class="captionOrange_"  style="position:absolute; left:20px; top: 30px; width:300px; height:30px;"> 
                <?php echo $res['texto']; ?>
            </div>
    </div>
<?php } ?>
</div>

However I am trying to create a simulator and I would like to adapt this above loop to work in the code below that is bringing the images of $_SESSION.

<div align="center" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px; overflow: hidden;">
    <?php
    // Inicio da Sessão do Banner das páginas menu
    @session_start();
        if(!isset($_SESSION['banner'])){ // Se a Session não for iniciada
            $img01 = 'img_banner/01.png'; // Carrega esse conteúdo
            $img02 = 'img_banner/02.png'; // Carrega esse conteúdo
            $img03 = 'img_banner/03.png'; // Carrega esse conteúdo
            $img04 = 'img_banner/04.png'; // Carrega esse conteúdo
            $img05 = 'img_banner/05.png'; // Carrega esse conteúdo
            $img06 = 'img_banner/06.png'; // Carrega esse conteúdo
            $img07 = 'img_banner/07.png'; // Carrega esse conteúdo

    }else{ // Se não
    if(isset($_SESSION)) { // Se a Session for iniciada
    $img01 = ''.$_SESSION['banner'].''; // Carrega esse conteúdo
    }}
    ?>
    <div>
        <img src="<?php echo $img01 ?>" alt="image slider" />
    </div>
    <div>
        <img src="<?php echo $img02 ?>" alt="image slider" />
    </div>
    <div>
        <img src="<?php echo $img03 ?>" alt="image slider" />
    </div>
    <div>
        <img src="<?php echo $img04 ?>" alt="image slider" />
    </div>
    <div>
        <img src="<?php echo $img05 ?>" alt="image slider" />
    </div>
    <div>
        <img src="<?php echo $img06 ?>" alt="image slider" />
    </div>
    <div>
        <img src="<?php echo $img07 ?>" alt="image slider" />
    </div>        
</div>

But I’m not sure how to build the loop to work, or even if there’s a way to make it work that way. Looping images from $_SESSION.

If friends can give me a light, I’d be grateful.

To view the banner working with the images coming from $_SESSION, go to: www.simuleseusite.com

Hugs to all.

Answer 1

Can do:

<?php
session_start(); // isto tem de estar antes de tudo na página, no topo
...
$_SESSION['banners'] = array();
while($res = mysql_fetch_array($query)){
    $_SESSION['banners'][] = 'img_banner/' .$res['imagem']; 
    ?>
    <div>
        <img src="img_banner/<?php echo $res['imagem']; ?>" alt="image slider" />
            <div u=caption t="*" class="captionOrange_"  style="position:absolute; left:20px; top: 30px; width:300px; height:30px;"> 
                <?php echo $res['texto']; ?>
            </div>
    </div>
<?php } ?>

Then you can replace everything in between // Inicio da Sessão do Banner das páginas menu and the last </div> for:

session_start(); // isto tem de estar antes de tudo na página, no topo
...

if(!isset($_SESSION['banners'])){ // caso não existam os banners na `$_SESSION` vamos busca-las à base de dados
    $conn = mysql_connect('mysql_host', 'mysql_user', 'mysql_password');
    $result = mysql_query("SELECT * FROM banner ORDER BY RAND() LIMIT 4", $conn);

    $_SESSION['banners'] = array();
    while($res = mysql_fetch_assoc($result)){ // vamos criar imagens (html) e aproveitamos para inserir na $_SESSION['banners'], para a proxima vez já as termos;
        $_SESSION['banners'][] = 'img_banner/' .$res['imagem']; ?>
        <div>
            <img src="<?php echo $banner; ?>" alt="image slider" />
        </div>
    <?php }
}
else { // aqui é se já as tivermos em $_SESSION['banners']
    foreach($_SESSION['banners'] as $banner) { ?>
        <div>
            <img src="<?php echo $banner; ?>" alt="image slider" />
        </div>
    <?php }
}

Answer 2

I managed to make it work by making some changes to the code of friend Miguel.

Below working code:

<div align="center" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px; overflow: hidden;"> <?php 
// Inicio da Sessão do Banner das páginas menu 
if(!isset($_SESSION['banner01'])){ // caso não existam os banners na `$_SESSION` vamos busca-las à base de dados 
$result = mysql_query("SELECT * FROM banner ORDER BY RAND() LIMIT 4", $conexao); 

$_SESSION['banner01'] = array(); 
while($res = mysql_fetch_assoc($result)){ // vamos criar imagens (html) e aproveitamos para inserir na $_SESSION['banners'], para a proxima vez já as termos; 
$_SESSION['banner01'][] = 'img_banner/'.$imagem; ?> 
   <div> 
       <img src="img_banner/<?php echo $res['imagem']; ?>" alt="image slider" /> 
   </div> 
<?php } 
} 
else { // aqui é se já as tivermos em $_SESSION['banners'] 
foreach($_SESSION['banner01'] as $imagem) { ?> 
   <div> 
       <img src="img_banner/<?php echo $res['imagem']; ?>" alt="image slider" /> 
   </div> 
<?php }}?> 
   </div>

PS.: Don’t forget the @session_start(); and of include 'conexão.php'; at the beginning of the page before any HTML, OK?

I hope you help other people with the same problem.