Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875

    come creare un nuovo <div></div> ogni 4 record estratti?

    Buonasera a tutti e' un bel po' che non scrivo in questa sezione.

    Sono alle prese con un carousel di bootstrap per mostrare le foto di una galleria.

    Devo pero' gestirla dinamicamente
    Praticamente devo riuscire ad avere questa struttura ogni 4 fotografie estratte

    codice:
    <div class="item">
                        <div data-target="#carousel" data-slide-to="4" class="thumb"><img src="images/DSC_1378.jpg"></div>
                        <div data-target="#carousel" data-slide-to="5" class="thumb"><img src="images/DSC_1379.jpg"></div>
                        <div data-target="#carousel" data-slide-to="6" class="thumb"><img src="images/DSC_1380.jpg"></div>
                        <div data-target="#carousel" data-slide-to="7" class="thumb"><img src="images/DSC_1381.jpg"></div>
                    </div><!-- /item -->
                        <div class="item">
                        <div data-target="#carousel" data-slide-to="8" class="thumb"><img src="images/DSC_1381.jpg"></div>
                        <div data-target="#carousel" data-slide-to="9" class="thumb"><img src="images/DSC_1381.jpg"></div>
                        <div data-target="#carousel" data-slide-to="10" class="thumb"><img src="images/DSC_1381.jpg"></div>
                        <div data-target="#carousel" data-slide-to="11" class="thumb"><img src="images/DSC_1381.jpg"></div>
                    </div>

    In questo momento con il codice che ho, tiro fuori tutte le foto che mi servono ma non riesco a creare un <div class "item"> ogni 4 foto estratte.

    Sto usando questo codice:

    <div class="item">
    codice:
    $a = 4;
    //seleziono tutte le altre miniature
    $query_altre_miniature="select * from immagini_hotel where id_hotel=\"$id_hotel\" and attiva=\"1\" order by foto limit 4,$foto_totali";
    $risultato_altre_miniature = @mysql_query($query_altre_miniature) or die("Impossibile eseguire l'interrogazione altre miniature"); 
    while ($riga_altre_miniature = mysql_fetch_array($risultato_altre_miniature)) {
    $id_hotel = $riga_altre_miniature['id_hotel'];
    $id_foto = $riga_altre_miniature['id_foto'];
    $foto = $riga_altre_miniature['foto'];
    $titolo = $riga_altre_miniature['titolo'];
    $attiva = $riga_altre_miniature['attiva'];
    $slide = 0+$a;
    //echo"$slide<br>";
    $altre_miniature="<div data-target=\"#carousel\" data-slide-to=\"$slide\" class=\"thumb\"><img src=\"localhost/$cartella/grandi/$foto\"></div>";
    echo "$altre_miniature";
    $a++;
    }
    </div>

    (il div che apre e quello che chiude stanno fuori dal codice php)
    In pratica creo un unico <div class=item> con tutte le foto dentro e non va bene.

    Come potrei gestire dinamicamente questa cosa rendendolo uguale all'esempio html?

  2. #2
    potresti usare un contatore da incrementare ad ogni ciclo.
    quando il contatore arriva a 4, aggiungi il div e azzeri il contatore in modo da ricominciare.

  3. #3
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    ma con un ciclo for? avresti un esempio?

  4. #4
    Quote Originariamente inviata da allin81 Visualizza il messaggio
    ma con un ciclo for? avresti un esempio?
    ma anche sul while.
    una cosa del genere:
    Codice PHP:
    $count 0;
    while(
    TUA_CONDIZIONE) {
        
    // ESEGUI TUE OPERAZIONI
        
    $count++;
        if (
    $count == 4) {
            
    // METTI DIV CHE TI SERVE
            
    $count 0
        }

    l'ho fatto così ad occhio.
    fai qualche prova!

  5. #5
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    sto provando ma sbaglio sempre qualcosa e non riesco a creare sto cavolo di
    <div class="item"> ogni 4 foto estratte

  6. #6
    Quote Originariamente inviata da allin81 Visualizza il messaggio
    sto provando ma sbaglio sempre qualcosa e non riesco a creare sto cavolo di
    <div class="item"> ogni 4 foto estratte
    posta il tuo codice!!

  7. #7
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    dopo una nottata a fare test sono riuscito a fare cio' che volevo.
    Sbagliavo sempre a mettere un </div> e dinamicamente me lo creava alla fine del ciclo.
    Dopo vari debug sono riuscito a capire dove metterlo.
    In ogni caso ho utilizzato proprio il contatore che dicevi tu.
    Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.