Загружайте больше изображений по прокрутке или по нажатию кнопки (без mysql)

Question

У меня есть этот php-код, который автоматически перелистывает и упорядочивает мои фотографии в галерее:

<?php
$folder = "../albums/1000/";
$folder3 = "albums/1000/";
$handle = opendir($folder);
$noeffect = "noeffect";
while (false !== ($file = readdir($handle))) { 
                if (strpos($file, '.png',1)||strpos($file, '.jpg',1)||strpos($file, '.JPG',1) ) { 
$imgsrc= "../thumbnail.php?file=";
$imgend= "&width=120&height=120";
    echo ("
    <li><a href=\"".$folder.$file."\" rel=\"".$rel.external."\" class=\"".$noeffect."\">
 <img src=\"".$imgsrc.$folder3.$file.$imgend."\" /></a></li> "); }}
?>

, он прекрасно работает, и мне это нравится!но когда я загружаю 200-300 картинок, нужно загрузить большие пальцы, прежде чем он сможет просмотреть большую картинку в галерее ... Я ищу в сети и перепробовал много вещей, но большинство из них используют mysql, и я не знаю, как с этим справиться, и другиебыли проблемные .. любое решение?спасибо!

Вы можете посмотреть здесь, например, что я делаю: http://m.eladhamemagnet.net/albums/996.php

кстати, это для iphone, поэтому мне нужно, чтобы он быстро загружался

Answer 1

Я нашел ответ .. Я сделал предварительную загрузку для любой фотографии .. поэтому, когда миниатюра загружается, также большая картинка ..

<?
$folder = "../albums/996/";
$folder3 = "albums/996/";
$handle = opendir($folder);
$noeffect = "noeffect";
while (false !== ($file = readdir($handle))) { 
                if (strpos($file, '.png',1)||strpos($file, '.jpg',1)||strpos($file, '.JPG',1) ) { 
$folder2 = ""; 
$imgsrc= "../thumbnail.php?file=";
$imgend= "&width=120&height=120";
    echo ("
    <li><a href=\"".$folder.$file."\" rel=\"".$rel.external."\" class=\"".$noeffect."\">
 <img src=\"".$imgsrc.$folder3.$file.$imgend."\" />
</a></li>

");
$pre = "../";
$jss = "text/javascript";
echo (" <script  type=\"".$jss."\">
if (document.images) {
    img1 = new Image();
    img1.src =\"".$folder.$file."\";
}
</script>");
  }
}
?>