小编MWa*_*ton的帖子

我是网站设计的新手,我刚创建了以下网站http://www.janewaltonwatercolours.co.uk,除了几个小的gliches它在所有浏览器上工作.

然而,在Chrome中,我的用于预加载图像的javascript函数不起作用(导致导航栏图像闪烁等)并且尝试了所有内容并且没有在网络上遇到任何答案我正在慢慢疯狂..... .

下面是相关代码: -

var navbarImages = new Array();
preload(navbarImages,"images/navbar/topbigdrophover.gif","images/navbar/topdrophover.gif","images/navbar/tophover.gif");

function preload() {
    var images = preload.arguments[0];

    for (i = 1; i < preload.arguments.length; i++) {    
        images[i-1] = new Image();
        images[i-1].src = preload.arguments[i];
        }
    }

除了Chrome之外,这适用于所有人 - 任何想法？

任何帮助都很受欢迎!

麦克风

更多细节 - 导航条在悬停时闪烁表示Chrome不会预加载图像.这是由未在缩略图库页面上预加载的大预览图像支持的.

首次加载页面时会加载main.css样式表,然后根据屏幕大小加载第二个样式表以适合屏幕大小.第二个样式表不会影响导航栏.

main.css中导航栏的代码: - (我知道有点麻烦......)

nav {position: relative; margin: 0 auto; text-align: center; height: 35px; line-height: 35px; font-size: 16px;}

.top {float: left; text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background: url(../images/navbar/back.gif);color:#ccc;}

.topbig {float: left; text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; …