是否可以预加载动态加载到页面的链接?

时间:2012-02-24 17:50:54

标签: php jquery image-processing preload

是否可以从链接预加载图像。缩略图库,其中缩略图使用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 个答案:

答案 0 :(得分:1)

您是否尝试使用Google搜索“jQuery image preload”?是的,差不多有500,000个结果充满了有用的插件和教程。

以下是一个示例:

jQuery Image Preload Plugin

jQuery Smart Preloader Plugin

jQuery Preload Images - Tutorial and Example