これを行うためにいくつかの方法を試しましたが、両方で問題が見つかりました。
- ajax 投稿から画像をロードし、画像 ID ソースを更新します。
- クラスがdisplay:noneに設定され、jqueryで画像を非表示/表示する「li」リストにすべての画像をロードするPHP関数。
私の問題は、これらの画像が最小 1440px x 960px であることです。そのため、ajax 投稿でロードすると、完全な画像を表示するのに時間がかかり、php ループでロードすると、ページのロードに非常に長い時間がかかります。
これが私のphpループ関数の例です:
public function LoadStreamImages()
{
$imgs = '<li id="0"><img src="img/OM.jpg" class="bgimg" /></li>';
if($db->num_rows($consulta)>0)
{
while($row = $db->fetch_array($consulta)) {
$imgs .= '<li id="' . $row['id'] . '" class="hidden"><img src="img/' . $row['imagefile'] . '" class="bgimg" /></li>';
}
}
echo $imgs;
}
これをスピードアップするために私にできることはありますか?