Php mycarousel

di
mano
il
6 risposte
M
mano
Pochi posts
Iscritto da
apr, 2024
Messaggi:
28

Php mycarousel

Buon giorno ,sono riuscito a far visualizzare in automatico delle foto presenti in mysql dentro mycarousel.. ecco il codice:

<!DOCTYPE html>
<html lang="en">
<head>
 <title>Bootstrap Example</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>
<div class="container">
 <div id="myCarousel" class="carousel slide"  data-interval="false"style="background-color:#CCCCFF;width:460px;height:auto;margin-left:-4px;margin-top:50px;">
  <!-- Indicators -->
   <ol class="carousel-indicators">
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
     <li data-target="#myCarousel" data-slide-to="1"></li>
     <li data-target="#myCarousel" data-slide-to="2"></li>
   </ol>
   <!-- Wrapper for slides -->
   <div class="carousel-inner">
    <div class="item active">
     <?php echo"
<img src='".$row['file']."'style='width:100%;margin-top:10px;'>";?>
       <div class="carousel-caption">
        
       </div>
     </div>
     <div class="item">
    <?php echo" 
<img src='".$row['file1']."'style='width:100%;margin-top:10px;'>";?>
       <div class="carousel-caption">
       
       </div>
     </div>
   
     <div class="item">
    <?php echo" 
<img src='".$row['file2']."'style='width:100%;margin-top:10px;'>";?>
       <div class="carousel-caption">
        
       </div>
     </div>
 
   </div>
   <!-- Left and right controls -->
   <a class="left carousel-control" href="#myCarousel" data-slide="prev">
     <span class="glyphicon glyphicon-chevron-left"></span>
     <span class="sr-only">Previous</span>
   </a>
   <a class="right carousel-control" href="#myCarousel" data-slide="next">
     <span class="glyphicon glyphicon-chevron-right"></span>
     <span class="sr-only">Next</span>
   </a>
 </div>
</div>
</body>
</html>

il problema e' … che:  la prima volta che carico le immagini nel carousel riesco a farle scorrere, la seconda volta no, perche' il file del mycarousel e' soltanto uno .dovrei riuscire a chiamare ogni volta il file del mycarousel in modo diverso per far scorrere le immagini, qualcuno sa come si fa? grazie

6 Risposte

  • Alka
    Alka
    Utente Famoso
    Iscritto da
    nov, 2014
    Messaggi:
    3318

    Re: Php mycarousel

    16/05/2024 - mano ha scritto:

    qualcuno sa indicarmi una guida che mi aiuti a capire come fare?

    Nella documentazione di Bootstrap relativa al Carousel c'è scritto tutto:
    https://getbootstrap.com/docs/5.3/components/carousel/

  • M
    mano
    Pochi posts
    Iscritto da
    apr, 2024
    Messaggi:
    28

    Re: Php mycarousel

    Ciao aika, grazie per la risposta…ho trovato questo:

    Devi aggiungere la .activeclasse a una delle diapositive , altrimenti il ??carosello non sarà visibile. Assicurati inoltre di impostare un valore univoco idper .carouseli controlli opzionali, soprattutto se utilizzi più caroselli su una singola pagina. Gli elementi di controllo e indicatore devono avere un data-bs-targetattributo (o hrefper i collegamenti) che corrisponda a quello iddell'elemento .carousel.

    il fatto e', che io adopero solo un mycarousel per tutte le foto che vengono caricate, ed ognuno ne contiene 3, 

    i collegamenti non li posso fare, perche' i file vengono inseriti in mycarousel tramite “ .$row['file'].”  quindi come faccio? riesci a farmelo capire 

    in una maniera semplice? grazie

  • Alka
    Alka
    Utente Famoso
    Iscritto da
    nov, 2014
    Messaggi:
    3318

    Re: Php mycarousel

    16/05/2024 - mano ha scritto:

    il fatto e', che io adopero solo un mycarousel per tutte le foto che vengono caricate, ed ognuno ne contiene 3, 

    Ma quindi, devi inserire un solo carousel con 3 foto, oppure più carousel con 3 foto ciascuno, quindi potenzialmente N carousel?

    16/05/2024 - mano ha scritto:

    i collegamenti non li posso fare, perche' i file vengono inseriti in mycarousel tramite “ .$row['file'].”  quindi come faccio?

    Se per ogni foto indichi il percorso con $row['file'], $row['file1'] e $row['file2'], puoi usare un valore arbitrario anche per l'ID.

    Non capisco perché “i collegamenti non li puoi fare”: cosa ti impedisce di farli?
    Qual è il problema specifico?

    Se mi dici qual è la difficoltà specifica nel fare la cosa, si può analizzare e proporre una soluzione.
    Se la tua difficoltà è “fare tutta la cosa”, allora è un discorso diverso.

  • M
    mano
    Pochi posts
    Iscritto da
    apr, 2024
    Messaggi:
    28

    Re: Php mycarousel

    Forse mi sono dimenticato di dire una cosa:

    il codice del mycarousel , che ho postato sopra ,lo eseguo in automatico ogni volta che gli utenti fanno l'upload di 3 foto in mysql. e funziona 

    solo la prima volta.

    il problema non e' indicare il percorso dei i file…

    io ho fatto una prova in questo modo:

    ho caricato delle immagini dalla cartella, non da mysql, es: href" immagine.jp" ne ho messe 3, e le frecce si muovono, funziona.

    se carico un'altro carousel sempre con immagini dalla cartella, non mi fa muovere le immagini, il problema e' che :

    devo trovare ogni volta un nome diverso per  " <div id="myCarousel">"  

    ma io ne ho solo uno di codice (ed e' quello che ho scritto sopra).

    solo una volta mi funziona.

    sai darmi qualche consiglio? grazie

  • Alka
    Alka
    Utente Famoso
    Iscritto da
    nov, 2014
    Messaggi:
    3318

    Re: Php mycarousel

    16/05/2024 - mano ha scritto:

    devo trovare ogni volta un nome diverso per  " <div id="myCarousel">"  

    ma io ne ho solo uno di codice (ed e' quello che ho scritto sopra).

    solo una volta mi funziona.

    Se hai a che fare con più carousel nella pagina, ovviamente dovrai usare un ID diverso, come hai detto tu.

    Ipotizzando che i carousel vengano inseriti nella pagina con un ciclo, usa la variabile del ciclo che conta i carousel per accodarli a un prefisso da usare come ID.

     <div id='myContainer".$row['id']."'

    Come hai inserito il nome del file nell'immagine, inserisci un numero incrementale in fondo a una stringa da usare come ID del carousel.

  • M
    mano
    Pochi posts
    Iscritto da
    apr, 2024
    Messaggi:
    28

    Re: Php mycarousel

    Te ringrazio ma non capisco..purtroppo so incompetente in materia..grazie lo stesso

Devi accedere o registrarti per scrivere nel forum
6 risposte