私の目標は、ユーザーが下にスクロールしたときに次のコードを生成することです。
<?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が壁に多くの投稿をロードするように. 多くのスクリプトを試しましたが、どれもうまくいきませんでした。