Visualizzazione risultati 1 fino 3 di 3

Discussione: Algoritmo in PHP per creare un listato a 3 colonne

  1. #1
    Guest

    Predefinito Algoritmo in PHP per creare un listato a 3 colonne

    Come da titolo, vorrei creare una specie di algoritmo per poter mostrare delle immagini in 3 colonne fatte da div, ma non saprei come fare. Mi servirebbe per far si che:

    La prima immagine, la 4, la 7e così via vengano messe in un div con id "left", la 2, la 5, in una colonna con id "center" e le altre con id "right", però ovviamente devono chiudersi automaticamente.

    Credo debba usare le percentuali, ma non ho minimamente idea

    Grazie in anticipo

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Dai che non è così difficile...
    Codice PHP:
    <style type="text/css">
    #left, #center, #right { width:33%; float:left }
    #footer { clear:left }
    </style>
    ...
    <?php
    $code
    = array ('', '', '');

    for (
    $i = 0; $i < ...; $i++)
    {
    $code[$i % 3] .= '<img src="http://forum.it.altervista.org/php-mysql-e-file-database/..." alt="..." width="..." height="..." />';
    }
    ?>
    <div id="left"><?php echo $code[0]; ?></div>
    <div id="center"><?php echo $code[1]; ?></div>
    <div id="right"><?php echo $code[2]; ?></div>
    <div id="footer"></div>
    Con poche modifiche puoi benissimo estendere a più o meno colonne...

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Predefinito

    Allora, mi sono incasinato probabilmente! Più che algoritmo, mi sa che mi serve una condizione! In poche parole col template engine devo mostrare il div o meno! Ora come ora ho questo codice, che mi mette le 3 immagini dentro un div che si chiude ogni 3 screen ed ovviamente si riapre, poi all'ultima riga si richiude, qualunque sia il numero:

    Codice HTML:
    <!-- IF !(screen.S_ROW_COUNT % 3) -->
    	<!-- IF not screen.S_FIRST_ROW -->
    	</div>
    	<!-- ENDIF -->
    	<div class="column mv text_center">
    <!-- ENDIF -->
    <a href="{screen.URL}" class="v_middle"><img src="{screen.IMG}" alt="" width="190" /></a>
    <!-- IF screen.S_LAST_ROW -->
    	</div>
    <!-- ENDIF -->
    Contando che è un array, quindi S_ROW_COUNT parte da 0, dovrei avere come risultato finale una cosa simile:

    Codice:
    <div class="column_left">
    	<a href="{screen.URL}" class="v_middle"><img src="{screen.IMG}" alt="" width="190" /></a>
    </div>
    <div class="column_right">
    	<a href="{screen.URL}" class="v_middle"><img src="{screen.IMG}" alt="" width="190" /></a>
    </div>
    <div class="column">
    	<a href="{screen.URL}" class="v_middle"><img src="{screen.IMG}" alt="" width="190" /></a>
    </div>
    Ovviamente mi serve la condizione per eviatare che nell'ultima riga sono presenti solamente due immagini (quindi dovrò usare sempre % e poi la variabile S_LAST_ROW, devo mettere column e non column_right.

    E' un casotto, per quello non riesco a cavarne piede e lavorandoci tutti i giorni, mi sta facendo impazzire

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •