0

私の目標は、ユーザーが下にスクロールしたときに次のコードを生成することです。

<?php
    // get all files
        $imagesDir = 'uploads/';
    $images = glob($imagesDir . '* {jpg,jpeg,png,gif,JPG,JPEG,PNG,GIG}', GLOB_BRACE);
    $imagesCount = count($images);
    for($i = 0 ; $i < $imagesCount ; $i++) {
        // select image 
        $randomIndex = array_rand($images); // select image index
        $file_title = $randomImage = $images[$randomIndex]; // use selected image
        unset($images[$randomIndex]); // remove selected image
        // print_r($images); // you can see what left in $images
        // show image
    }   
?>

<li class="item-thumbs span3 img">
   <!-- Fancybox - Gallery Enabled - Title - Full Image -->
   <a class="hover-wrap fancybox" data-fancybox-group="gallery" 
       title="<?php echo $randomImage ?>" href="<?php echo $randomImage ?>">
   <span class="overlay-img"></span>
   <span class="overlay-img-thumb font-icon-plus"></span>
   </a>
   <!-- Thumb Image and Description -->
   <img src="<?php echo $randomImage ?>" alt="{Failed To Load Item Description}">
</li>

このコードはブロック内にあります。ランダムな画像を生成し、適切にフォーマットされた領域に表示したいと考えています。現在、このコードを自動的に生成する必要があることを除いて、すべてが機能しているため、ユーザーがスクロールするとより多くの投稿が表示されます...下にスクロールするとFacebookが壁に多くの投稿をロードするように. 多くのスクリプトを試しましたが、どれもうまくいきませんでした。

4

1 に答える 1