嘿,我正在尝试制作一个图片库,但我仍然坚持在页面加载时是否应该加载所有图像,或者在图库中显示之前获取ajax请求新图像?
下面的示例显示我正在查看第二个图像,并且在通过ajax请求加载图像5时加载了2个隐藏图像.我想如果我在正在查看的图像和ajax正在加载的图像之间保留两个加载的图像用户不应该观看图像加载
Image Gallery (Viewing Single Image)
1 2 3 4 5
+-------+-------+-------+-------+-------+
| |Loaded | | * |Loading|
|Loaded | On |Loaded |Loaded | AJAX |
|Hidden | Show |Hidden |Hidden |Request|
+-------+-------+-------+-------+-------+
Run Code Online (Sandbox Code Playgroud)
我没有使用本地主机的ajax,所以不知道它与只是将图像加载到页面并隐藏它们相比有什么样的性能.
我已经能够在页面加载之前成功预加载图像库,但想知道如何对自定义cursor.cur 文件执行相同的操作,因为它无法使用下面的图像方法,因为它无法理解 .cur 扩展名?
// Image Preloader
var pictures [
"a.jpg",
..
"z.jpg"
];
for (var i=0;i < pictures.length; i++){
var img = new Image()
img.src = pictures[i];
img.onload = function(){
updateProgress();
}
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试制作4个滑动画廊,但我需要在以画廊形式显示图像之前预先加载(缓存)所有图像.我一直试图使用"jPreLoader v2 - http://www.inwebson.com/jquery/jpreloader-a-preloading-screen-to-preload-images ",但没有运气.
下面的代码是我如何尝试将每个图库目录中的所有图像预加载到jpreloader后面的单个图库中,然后一旦加载完成删除整个图库并一次显示每个图库.
var pictures = [
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
.......,
"30.jpg"
]
$(window).load(function(){
preLoad();
function preLoad(){
var max = 30;
var pic;
picture = '<table id="table" style="dipslay:table;"><tr>';
for (var i=0;i < max; i++){
if(i < 30){
pic = "images/art/"+pictures[i];
appendCell(pic);
}
if(i < 17){
pic = "images/street/"+pictures[i];
appendCell(pic);
}
if(i < 19){
pic = "images/doc/"+pictures[i];
appendCell(pic);
}
if(i < 16){
pic = "images/commercial/"+pictures[i];
appendCell(pic);
}
};
picture += '</tr></table>';
$('#imageScroller').append(picture);
}
function appendCell(pic){
picture +="<td …Run Code Online (Sandbox Code Playgroud) 嘿,只是想知道除了array()之外是否有更简单的方法在函数调用中声明一个数组
$setup = new setupPage();
$setup->setup(array(
type => "static",
size => 350
));
class setupPage {
public function setup($config){
echo $config[size] . $config[type];
}
}
Run Code Online (Sandbox Code Playgroud)
感谢:D