Можно ли предварительно загружать ссылки, которые динамически загружаются на страницу? - PullRequest
0 голосов
/ 24 февраля 2012

Можно ли предварительно загружать изображения по ссылке. галерея миниатюр, в которой миниатюры связаны с соответствующими большими изображениями с помощью php. Можно ли использовать код JQuery для предварительной загрузки больших изображений, даже если они просто ссылки?

<?php  
   error_reporting(0);
/* function:  returns files from dir */
function get_files($images_dir,$exts = array('jpeg','gif','png','jpg')) {
$files = array();
if($handle = opendir($images_dir)) {
while(false !== ($file = readdir($handle))) {
  $extension = strtolower(get_file_extension($file));
  if($extension && in_array($extension,$exts)) {
    $files[] = $file;
  }
}
closedir($handle);
}
return $files;
}

/* function:  returns a file's extension */
function get_file_extension($file_name) {
return substr(strrchr($file_name,'.'),1);
}

$images_dir = 'hftpnyc/thumbs/';
$thumbs_dir = 'hftpnyc/thumbs/thumbnails/';
$thumbs_width = 100;
$images_per_row = 11;
$string = "";
/** generate photo gallery **/
$image_files = get_files($images_dir);
if(count($image_files)) {
$index = 0;
foreach($image_files as $index=>$file) {
$index++;
$thumbnail_image = $thumbs_dir.$file;
//if(!file_exists($thumbnail_image)) {
  //$extension = get_file_extension($thumbnail_image);
  //if($extension) {
    //make_thumb($images_dir.$file,$thumbnail_image,$thumbs_width);
  //}

//}

error_reporting(0);

echo '<div class="smllpic" style=" padding: 0px; margin: 0px; border: 1px solid black; display: block; width: 100px; height:100px; float: left; "><a href="'.$images_dir.$file.'" rel="lrgimg" class="lightbox"> <img id="thumbs" src="',$thumbnail_image,'" width="100px"/></a></div>';

if($index % $images_per_row == 0) { echo '<div class="clear"></div>'; }
}
}

else {
echo '<p>There are no images in this gallery.</p>';
}
?>

1 Ответ

1 голос
/ 24 февраля 2012

Вы пробовали поиск в Google по запросу " jQuery preload image "?Да, почти 500 000 результатов забиты полезными плагинами и учебными пособиями.

Вот пример:

jQuery Плагин предварительной загрузки изображения

jQueryПлагин Smart Preloader

jQuery Предварительная загрузка изображений - учебное пособие и пример

...