Liste de chargement de l'image à partir du dossier

J'ai un dossier d'images, de 10 à 200, une page web, jquery fondu et un script php qui lire le dossier complet d'images

Est-il possible de faire le script php d'analyse d'un dossier, d'obtenir une liste de l'image (dans un tableau ?) et de le passer à jquery script ? (première question)

Maintenant, je peux créer un fichier xml à partir du résultat de php liste des fichiers trouvés, ou faire un html <li> à partir de la liste dans le code html. est-il un autre moyen pour le faire ? (question #2)

InformationsquelleAutor menardmam | 2009-04-17
  1. 11

    De continuer sur de nickf excellente réponse, c'est un peu plus robuste pour des images de différents types.

    $imagesDir = 'path/to/your/images/';
$images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);

echo json_encode($images);

    Il y a d'autres manières de le faire, mais c'est le plus facile. Remarque: certains systèmes de fichiers sont sensibles à la casse, afin d'assurer l'extension de la liste correspond précisément ce que vous êtes après.

    InformationsquelleAutor alex
  2. 6

    la glob fonction d'analyse d'un dossier et retourne un tableau:

    $jpgs = glob("*.jpg");

    vous pouvez ensuite passer à jQuery en utilisant JSON:

    echo json_encode($jpgs);

    il avait alors tout juste d'être un cas d'une boucle dans le résultat, de générer le code HTML nécessaire.

    • Il y a beaucoup de qualité supérieure, et des moyens plus sûrs pour obtenir la liste des répertoires (comme php.net/manual/en/class.directoryiterator.php#88459), mais oui., obtenez la liste, et sortie au format HTML pour Jquery de processus et de construire une galerie.
    • J'ai ajouté une réponse qui est une sorte de suivi de la vôtre, j'espère que vous n'avez pas l'esprit de Nick.
    • Pourquoi "Il y a beaucoup de qualité supérieure, et des moyens plus sûrs pour obtenir la liste des répertoires". Certaines personnes semblent penser que glob est très bien, veuillez comparer les deux pour me faire choisir à bon escient !
    InformationsquelleAutor nickf
  3. 1

    Pour générer les éléments de la liste vous pouvez utiliser quelque chose comme ceci (en supposant images est le résultat de json_encode()): 

    var images = {'image1':'images/image1.jpg','image2':'images/image2.jpg'}

jQuery('#imagelist').empty();
jQuery.each(images, function() {
  jQuery('#imagelist').append('<li>'+this+'</li>');
});

    Et assurez-vous d'avoir un non-ordonnée/liste ordonnée dans la source HTML:

    <ul id="imagelist">
  <li>No images found</li>
</ul>
    InformationsquelleAutor mattoc
  4. 0

    Vous ne pouvez pas vous passer des images comme des "données" dans un JavaScript pour l'affichage, au moins pas d'une manière raisonnable.

    • je pense qu'il avait juste envie les chemins vers les images.
    • Je vois... Qui n'a rien de clair dans la question.
    • certaines personnes semblent avoir compris la question !
    InformationsquelleAutor Deniz Dogan
  5. 0

    Je vais essayer ici de la réponse de beaucoup de

    Alex et Nick : 

    <?php
  $imagesDir = 'path/to/your/images/';
  $images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
  echo json_encode($images);
?>

    et de mattoc (modifier) pour obtenir utilisé pour la supersized

    jQuery('#imagelist').empty();
jQuery.each(images, function() {
  jQuery('#imagelist').append('<img src="'+this+'"/>');
});

    et l'espoir d'obtenir quelque chose comme ça à la fin !

    <div id="supersize">
    <img  src="images/001.jpg"/>
    <img  src="images/002.jpg"/>
    <img  src="images/003.jpg"/>
</div>

    pour le dernier morceau de code, je vais devoir trouver une solution pour envoyer des image pour sublimer le plugin "un par un", avec le préchargement sans problème avec la liste des bugs d'images

    Laissez-supposé-je obtenir 150 liste des images... ce sera un problème, afin de laisser le plugin sais juste il y a 2 images, la précontrainte de la prochaine et "ajax" changer l'image suivante

    image001.jpg is display
... preload image002.jpg
display image002.jpg
... preload image003.jpg
on and on and on....

    tout cela dynamicly jusqu'à la fin de la table !

    InformationsquelleAutor menardmam