Galleria automatica

**mandroid** · 08-06-2013, 15:29

Ciao,
sto creando un sito con jquerymobile (sono alle prime armi) e avrei bisogno di una gallery automatica, nel senso che non vorrei aggiungere manualmente immagine /thumb come qui sotto:

codice:

<ul id="Gallery"> 	[*][img]images/thumb/01.jpg[/img] 	[*][img]images/thumb/02.jpg[/img] 	[*][img]images/thumb/03.jpg[/img] 	[*][img]images/thumb/04.jpg[/img] 	[*][img]images/thumb/05.jpg[/img] 	[*][img]images/thumb/06.jpg[/img][/list]

ma richiamare una directory con immagini, che verrà constantemente aggiornata, ad in automatico mi si aggiorna la galleria.

Mi hanno detto di costruire un loop... ma non so propio come fare e come inserire il tutto nel sito

Grazie.

**Thinker** · 08-06-2013, 22:33

Personalmente credo che l'utilizzo di un DB sia comunque la scelta migliore, almeno puoi gestire singolarmente i file da mostrare e non, comunque sia..

Codice PHP:


<?php

//Imposto la directory da leggere

$directory = "/immagini/";



// Apro la directory

if (is_dir($directory)) {

    //Apro l'oggetto directory

    if ($directory_handle = opendir($directory)) {

        //Scorro l'oggetto fino a quando non è termnato cioè false

        while (($file = readdir($directory_handle)) !== false) {

            //Se l'elemento trovato è diverso da una directory 

            //o dagli elementi . e .. lo visualizzo a schermo

            if((!is_dir($file))&($file!=".")&($file!=".."))

                echo "[*]<a href=\"immagini".$file."\"><img src=\"/immagini/thumb_".$file."\" alt=\"Image 01\" /></a>";

        }

        //Chiudo la lettura della directory.

        closedir($directory_handle);

    }

}

?>

Quindi tutte le immagini sono racchiuse nella cartella immagini, e le anteprime hanno un nome come

codice:

 img.png -- Immagine normale
 thumb_img.png -- Anteprima

Non l'ho testato, quindi se ci sono problemi scrivi pure

Thinker

**mandroid** · 09-06-2013, 18:36

Grazie per la risposta è la disponibilità!

Allora ho inserito il codice PHP così ed ho saslvato il file in index.php

codice:

<!DOCTYPE html> 
<html>
<head>
	<title>Page Title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<div>
<?php
//Imposto la directory da leggere
$directory = "/index2/images/";

// Apro la directory
if (is_dir($directory)) {
    //Apro l'oggetto directory
    if ($directory_handle = opendir($directory)) {
        //Scorro l'oggetto fino a quando non è termnato cioè false
        while (($file = readdir($directory_handle)) !== false) {
            //Se l'elemento trovato è diverso da una directory 
            //o dagli elementi . e .. lo visualizzo a schermo
            if((!is_dir($file))&($file!=".")&($file!=".."))
                echo "[*]<a href=\"immagini".$file."\"><img src=\"/immagini/thumb_".$file."\" alt=\"Image 01\" /></a>";
        }
        //Chiudo la lettura della directory.
        closedir($directory_handle);
    }
}
?> 
</div>
</head>

<body>
<ul data-role="listview" data-inset="true">
[*]<a href="/index2/images/">
        [img]icona che per ora non c'è.jpg[/img]
        <h2>Prova con script php</h2>
        

Clicca per le immagini</p></a>
    [/list]
</body>
</html>

Ma il risultato è questo:

e cliccandoci sopra il non succede nulla.

Grazie per la pazienza.

**mandroid** · 29-06-2013, 08:28

Ciao,
allora ho inserito lo script in questo modo:

Codice PHP:


    <head> 

        <title>Gallery</title> 

        <meta name="viewport" content="width=device-width, initial-scale=1" /> 

        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />

        <link rel="stylesheet" href="css/style.css" />        

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

        <script type="text/javascript" src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

        <script type="text/javascript" src="js/script.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> 

    <body>

        <div data-role="page" class="page gallery-page">

            <div data-role="header">

                

                [url="index.html"]Home[/url]

                <h1>PANORAMA</h1>

            </div>

            <div data-role="content" class="full-width">

            <ul class="gallery three-column-gallery" id="gallery">

            

            

    <script>        

<?php

//Imposto la directory da leggere

$directory = "gallery/cars";



// Apro la directory

if (is_dir($directory)) {

    //Apro l'oggetto directory

    if ($directory_handle = opendir($directory)) {

        //Scorro l'oggetto fino a quando non è termnato cioè false

        while (($file = readdir($directory_handle)) !== false) {

            //Se l'elemento trovato è diverso da una directory 

            //o dagli elementi . e .. lo visualizzo a schermo

            if((!is_dir($file))&($file!=".")&($file!=".."))

                echo "[*]<a href=\"/gallery/cars".$file."\"><img src=\"/gallery/thumb_".$file."\" alt=\"Image 01\" /></a>";

        }

        //Chiudo la lettura della directory.

        closedir($directory_handle);

    }

}

?> 

            </script>

ma quando clicco sulla gallery appare l'iconcina che gira di caricamento pagina, ma la pagina non si carica.

Cosa sbaglio?

**ricman** · 29-06-2013, 21:28

Hai controllato per bene i Percorsi directory/file?

**mandroid** · 29-06-2013, 21:47

Allora nell'index.html ho questo per richiamare il file php:

codice:

<div data-role="content">
	
        <ul data-role="listview" data-inset="true">[*]<a href="../../mobile/gallery.php">
            	[img]../../mobile/backicon/panorama.jpg[/img]
            	<h2>Panorama</h2>
                

Click To See The Panorama Images</p>
                <p class="ui-li-aside">Panorama Images</p>

invece nel gallery.html la richiamo così:

codice:

<script>        
<?php
//Imposto la directory da leggere
$directory = "gallery/cars"; <--qui ci sono le immagini 

// Apro la directory
if (is_dir($directory)) {
    //Apro l'oggetto directory
    if ($directory_handle = opendir($directory)) {
        //Scorro l'oggetto fino a quando non è termnato cioè false
        while (($file = readdir($directory_handle)) !== false) {
            //Se l'elemento trovato è diverso da una directory 
            //o dagli elementi . e .. lo visualizzo a schermo
            if((!is_dir($file))&($file!=".")&($file!=".."))
                echo "[*]<a href=\"/gallery/cars"<--qui metto la stessa dir delle immagini giusto? ?.$file."\"><img src=\"/gallery/thumbs" e qui ile thumnails giusto? .$file."\" alt=\"Image 01\" /></a>";
        }
        //Chiudo la lettura della directory.
        closedir($directory_handle);
    }
}
?> 
            </script>

Grazie

**mandroid** · 06-07-2013, 17:19

Allora sono arrivato a questo punto:

Codice PHP:


<html> 

    <head> 

        <title>Gallery</title> 

        <meta name="viewport" content="width=device-width, initial-scale=1" /> 

        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />

        <link rel="stylesheet" href="css/style.css" />

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

        <script type="text/javascript" src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

        <script type="text/javascript" src="js/script.js"></script>

        <script src="js/jquery.gallery.js" type="application/x-javascript" charset="utf-8"></script>







    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



    </head> 

    <body>

    <div data-role="page" class="page gallery-page">

            <div data-role="header">

                

                [url="index.php"]Home[/url]

                <h1>PANORAMA</h1>

            </div>

            <div data-role="content" class="full-width">            

            <ul class="gallery three-column-gallery" id="gallery">

                

                



         <?php      



$directory = dirname(__FILE__)."/images/";

if (is_dir($directory)) {

    if ($directory_handle = opendir($directory)) {

        while (($file = readdir($directory_handle)) !== false) {

         

            if((!is_dir($file))&($file!=".")&($file!="..")) {

                echo "[*]<a href=\"/images/".$file."\"><img src=\"/images/".$file."\" alt=\"Image 01\" /></a>";

        }

        }

        closedir($directory_handle);

    }

}



?> 

    

            </div>



        </div>

        



    </body>

    



    

</html>

ma quando clicco sulla thumb non mi visualizza lo slideshow, se torno inditro alla gallery e refresho la pagina clicco sulla thumb e funziona!!

Discussione: Galleria automatica

Strumenti discussione

Ricerca discussione

Visualizza

Galleria automatica

Permessi di invio