Creare slideshow con immagini esterne

VAik

Utente Attivo
16 Apr 2016
117
3
18
Ciao a tutti ragazzi

ho creato uno slideshow che funziona bene con tre immagini caricate di partenza sul mio sito: cliccando sui tasti dx e sx le immagini scorrono bene.

Ora ho voluto fare un passo in più ma mi sono perso: vorrei caricare queste tre immagini da un db.
Che ho fatto?
1)ho creato un DB con una tabella "slideshow" con 4 colonne (id, titolo, descrizione,indirizzo_foto).
2)ho creato una cartella sul mio spazio web modificandogli i permessi
3)ho creato un form per caricare le immagini sia nella cartella che nel mio db
4) ho creato un file .php per leggere le info delle immagini e visualizzare le immagini stesse.
5) sappiamo che la prima immagine è caricata sul mio sito, voglio che appena si clicca sul tasto dx o sx compaiano queste immagini caricate dal db. cosa devo fare?


Questo è il file che dopo aver commentato qualcosa, mi da l'elenco dell'indirizzo delle immagini
PHP:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>leggo i file dal db</title>
</head>

<body>
<h1>leggo i file dal db di altervista</h1>



<?php


require_once('configurazione_credenziali_esterno_altervista.php');
$link = @mysqli_connect(DB_HOST, DB_USERN, DB_PSW) or die("Errore connessione: ". mysqli_connect_error());
$dbw = @mysqli_select_db($link, DB_my) or die("Errore apertura database: " . mysqli_error($link));


$strsql= "SELECT * FROM slideshow ";
$rs = @mysqli_query($link, $strsql) or die("Errore query database: " . mysqli_error($link));

while ($riga = mysqli_fetch_array($rs)) {
    /*$str_id = $riga['id'];
    $str_nome = $riga['titolo'];
    $str_desc = $riga['descrizione'];*/
    $str_indirizzo = $riga['indirizzo_foto'];
    /*echo "Riga:  $str_id -> Titolo: $str_nome - Descrizione: $str_desc - Indirizzo: $str_indirizzo<br>
    <img src='".$str_indirizzo."'><br>";*/
  
    echo"Indirizzo: $str_indirizzo<br>";
    }
  
  
    ?>
          
      
    </body>
    </html>
immagino che sia importante anche prelevare id della foto dal database per la corretta visualizzazione giusto?
 
Ultima modifica:

VAik

Utente Attivo
16 Apr 2016
117
3
18
Questo è il codice html che vorrei modificare e che funziona senza l'aggiunta del metodo $:ajax

Codice:
<script>
$(document).ready(function() {
 var spostamento = 0, spostamentodx= 0, spostamentosx=0;
    var imgdim = 570;
    var artdim = 510;
    var numimg = 2;
    var $box = $('#boxslide');
    var next=0, prec=0;            


 $('.prec').click(function() {
        animo('prec');
    });
    $('.succ').click(function() {
        animo('succ');
    });

    function animo(tipo) {
        if (tipo=='succ' && spostamento>-imgdim*numimg) {
            spostamento -= imgdim;
     
            $box.css('margin-left',spostamento+'px');
        } else if (tipo=='prec' && spostamento<0) {
            spostamento += imgdim;
       
            $box.css('margin-left',spostamento+'px');
        }
    }



    function slideDB() {
        $.ajax({
            url: 'lettura-da-altervista_per_slideshow.php',
            dataType: "HTML",
         
            success: function (dati) {
            
var img = "<im src=\"" +  + "\">""
 $(img).insertBefore('.prec');
         }
        });



});
</script>


</head>
<body>
<section id="slogan">
    <div id="controllo_slide">
                <div id="finestra_slide">
                            <div id="boxslide">
                                <img src="../images/slide1.png" width="570" alt="Slide 1">
   <!--  queste sono le immagini che vorrei caricare da db                           <img src="../images/slide2.png" width="570" alt="Slide 2">
                               <img src="../images/slide3.png" width="570" alt="Slide 3">  -->

                             </div>
                 </div>
<a href="#" class="prec"><img src="../images/prev.png" width="24" height="43" alt="Precedente"></a>
  <a href="#" class="succ"><img src="../images/next.png" width="24" height="43" alt="Successivo"></a>
                    </div>
<img src="../images/cornice.png" alt="">
                </section>

</body>
</html>
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
A creare slideshow con Fireworks Webdesign e Grafica 0
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
F Creare elementi html con javascript Javascript 4
Shyson Modificare codice e creare link PHP 0
Cosina Creare bottone delete in form upload PHP 5
Cosina Creare bottone delete in form upload PHP 1
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
L Creare una forma geometrica Photoshop 1
M [Cerco] aiutanti per creare sito Offerte e Richieste di Lavoro e/o Collaborazione 8
S Libreria PHP per creare file dwg o dxf PHP 0
R Come creare sistema Add to homescreen PHP 3
L Creare un countdown con giorno specifico della settimana PHP 3
W Creare link di una dato Classic ASP 0
W creare file .jar Java 2
M Creare con il Vb 2010 Il Classico Notes di Windows Vista Visual Basic 1
MarcoGrazia Creare una password Snippet Javascript 0
J creare pagina php di prenotazione PHP 5
A Creare un modulo di ricerca avanzata con dreamweaver HTML e CSS 0
INTEROPERABILITY Sviluppatrice/formatrice creare APP Offerte e Richieste di Lavoro e/o Collaborazione 0
L Creare una pagina pre-home WordPress 1
G Creare side-bar non visibile da dispositivi mobile HTML e CSS 0
L creare oggetti da una classe tramite un form Javascript 0
Web93 CREARE SITO WEB COMICS CON WORDPRESS WordPress 0
maxnegri Contare sessioni aperte e creare condizione PHP 1
A Come creare pulsante donazione PayPal HTML e CSS 5
L [CERCO] Creare blog su WordPress con tema Divi Offerte e Richieste di Lavoro e/o Collaborazione 3
F Creare un set di date a seconda del frazionamento scelto da inserire in MySQL PHP 6
R [Photoshop] Creare Azione Photoshop 1
F [PHP] creare tabella e tasto cerca PHP 3
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
B [PHP] Creare PDF dopo inserimento dati form PHP 4
A [HTML] Creare sito web per eLearnig HTML e CSS 2
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
Spenalzo Creare tabelle multiple con Access via VBA MS Access 2
R [PHP] Creare sistema random PHP 3
D [PHP] Consigli su come creare form PHP 1
I Creare Qsl radioamatore con testo editabile Presentati al Forum 1
T [PHP] Creare Honeypot per form contatti PHP 10
S [PHP] Creare collegamento filtri di ricerca al database PHP 6
Z Creare VirtualHost Apache2 con PHP? Programmazione 0
max_400 [HTML] Come creare un jpg animata (non gif animata) HTML e CSS 3
A Come creare un framset Sviluppo app per Android 1
T con oop creare un ciclo per una pagina dinamica html con php PHP 3
X [Apache] Creare sito clone/preservare codice sorgente Apache 7
E [PHP] creare temporary table per dati da xml PHP 2
M [MySQL] CREARE UN LINK SU UN DETERMINATO CAMPO DI UNA TABELLA RISULTATO DI UNA QUERY SQL MySQL 3
P [Photoshop CC] Come posso creare quest'effetto - cerchi concentrici Windows e Software 6
R [PHP] creare pagina profilo per ogni utente PHP 4
V [WordPress] Creare una struttura di articoli da una struttura di cartelle WordPress 1

Discussioni simili