Integrazione galleria immagini e php

**fermat** · 28-09-2010, 11:44

sto cercando di usare questa galleria di immagini http://javascript.html.it/script/ved...lice-e-pulita/
al posto di scrivere i file manualmente uno per uno (potrei averne anche 50!) sto provando a integrare il tutto con php.
la pagina originale è questa:

Codice PHP:


<html xmlns="http://www.w3.org/1999/xhtml" lang="it">

    <head>

......

        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

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

        <script type="text/javascript">

            $(function(){

                $('#images').exposure({controlsTarget : '#controls',

                    showThumbnails : false,

                    onImage : function(image, imageData, thumb) {

                        image.hide().stop().fadeIn(1000);

                    }

                });

            });

        </script>

    </head>

    <body>

        <div id="main">

            <ul id="images">[*][url="slides/IMG_2198.jpg"][/url][*][url="slides/IMG_2339.jpg"][/url]

[*][url="slides/IMG_2446.jpg"][/url][*][url="slides/IMG_2623.jpg"][/url][*][url="slides/IMG_5077.jpeg"][/url][*][url="slides/IMG_5177.jpeg"][/url][*][url="slides/IMG_5278.jpeg"][/url][*][url="slides/IMG_5324.jpeg"][/url][*][url="slides/IMG_5650.jpeg"][/url][*][url="slides/IMG_9006.jpg"][/url][/list]

            <div id="exposure"></div>

            <div class="clear"></div>

            <div id="controls"></div>

            <div class="clear"></div>

        </div>

    </body>

</html>

questo invece il mio tentativo

Codice PHP:


<html xmlns="http://www.w3.org/1999/xhtml" lang="it">

    <head>

......

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

        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

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

        <script type="text/javascript">

            $(function(){

                $('#images').exposure({controlsTarget : '#controls',

                    showThumbnails : false,

                    onImage : function(image, imageData, thumb) {

                        image.hide().stop().fadeIn(1000);

                    }

                });

            });

        </script>

    </head>

    <body>

        <div id="main">

            <?php

            $directory = "slides/";

            if (is_dir($directory)) {

                $dir = opendir($directory);

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

                    $type = filetype($directory . "/" . $file);

                    $size = filesize($directory . "/" . $file);

                    echo <<<HTML

<ul id="images">[*][url="slides/$file"][/url][/list]

HTML;

                }

                closedir($dir);

            } else {

                echo $directory . " non è una directory";

            }

            ?>

            <div id="exposure"></div>

            <div class="clear"></div>

            <div id="controls"></div>

            <div class="clear"></div>

        </div>

    </body>

</html>

il problema è che le immagini nn si vedono

**softhare** · 28-09-2010, 14:21

Poichè definisci $directory = "slides/"; con lo slash finale, ma poi nei vari
$type = filetype($directory . "/" . $file);
$size = filesize($directory . "/" . $file);
(che non si capisce a cosa ti servono, visto che poi tali valori non vengono usati)
inserisci uno slash di troppo.

Ma il problema vero credo risieda nel fatto che apertura e chiusura dei tag UL dovresti metterli fuori dal loop while e non dentro.
Mettendoli dentro al loop, ti ritrovi con una pluralità di tag ul che hanno la styessa id, il che crea i problemi.

**fermat** · 28-09-2010, 15:27

si in effetti nn ci avevo pensato.
cmq ho provato così:

Codice PHP:


        <div id="main">

            <ul id="images">

                <?php

                $directory = "slides";

                if (is_dir($directory)) {

                    $dir = opendir($directory);

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

//                        $type = filetype($directory . "/" . $file);

//                        $size = filesize($directory . "/" . $file);

                        echo '[*][url="slides/' . $file . '"][/url]';

                    }

                    closedir($dir);

                } else {

                    echo $directory . " non è una directory";

                }

                ?>[/list]

           </div>

mi è scomparso qualche fastidio derivante da ul looppato, ma le foto continuano nn vedersi.

**fermat** · 28-09-2010, 17:40

Codice PHP:


            <ul id="images">

                <?php

                $directory = "slides/";

                if (is_dir($directory)) {

                    $dir = opendir($directory);

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

                        echo <<<HTML[*][img]slides/$file[/img]

HTML;

                    }

                    closedir($dir);

                } else {

                    echo $directory . " non è una directory";

                }

                ?>[/list]

le sto provando tutte.
ho provato sia[*][img]slides/$file[/img].
sia[*].
mi carica sempre tutto ma nn le immagini, nn le legge proprio.

ma nn c'è un modo in js per listare e visualizzare il contenuto di una cartella da mettere qua?
perchè io in sostanza vorrei solo evitare questo:

codice:

 <ul id="images">[*][*][*][*][*][*][*][*][*][*][/list]

cioè scrivere le immagini una per una.
mi va bene php e js

**softhare** · 28-09-2010, 20:32

Se l'attributo TITLE è richiesto da exposure puoi provare ad includerlo esplicitamente:

Codice PHP:


 .....

         while ($file = readdir($dir)) { 

                  echo "[*][img]slides/$file[/img]"; 

         } 

 ....

**softhare** · 28-09-2010, 20:59

Rileggendo le istruzioni di exposure, sembra che l'attributo TITLE non sia mandatorio.
Viceversa, mi viene il dubbio che la specifica dell'id della lista che contiene le immagini debba venire fatta DOPO che la lista stessa è stata processata dal browser ed inserita nel dom.

In altre parole, prova a spostare il tuo javascript (non i file esterni, solo quello inline) dopo la chiusura dell' UL .

**fermat** · 28-09-2010, 23:49

Codice PHP:


        <div id="main">

            <ul id="images">

                <?php

                $directory = "images";

                if (is_dir($directory)) {

                    $dir = opendir($directory);

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

                        echo <<<HTML[*][url="images/$file"][/url]

HTML;

                    }

                    closedir($dir);

                } else {

                    echo $directory . " non è una directory";

                }

                ?>[/list]

            <script type="text/javascript">

                $(function(){

                    $('#images').exposure({controlsTarget : '#controls',

                        showThumbnails : false,

                        onImage : function(image, imageData, thumb) {

                            image.hide().stop().fadeIn(1000);

                        }

                    });

                });

            </script>

            <div id="exposure"></div>

            <div class="clear"></div>

            <div id="controls"></div>

            <div class="clear"></div>

        </div>

nada anche così.
ma la cosa strana è che ho provato questo codice php in un'altra galleria javascript e ha funzionato.
allora ho provato questo codice senza richiamare i vari javascript e ha funzionato.
solo con sta cacchio di galleria sembra nn funzionare.
per quanto riguarda ci avevo pensato anche io e allora nell'originale li ho levati tutti ed ha funzionato.
quindi ho pensato nn fosse quello.
sembra che php non gli vada a genio.....

**fermat** · 29-09-2010, 10:10

sennò ho trovato tutti gli effetti di higslide che devo dire essere pazzeschi.
il problema è che usano sempre due immagini:
<a class='highslide' href='images/thumbstrip01.jpg' onclick="return hs.expand(this)">
[img]images/thumbstrip01.thumb.png[/img]</a>

<a class='highslide' href='images/thumbstrip02.jpg' onclick="return hs.expand(this)">
[img]images/thumbstrip02.thumb.png[/img]</a>
secondo voi esiste un modo per fargliele trovare automaticamente senza andare scrivere tutto a mano??

Discussione: Integrazione galleria immagini e php

Strumenti discussione

Ricerca discussione

Visualizza

Integrazione galleria immagini e php

Permessi di invio