Я довольно новичок в веб-дизайне, я только что создал следующий сайтhttp://www.janewaltonwatercolours.co.ukИ, кроме пары незначительных ошибок, он работает во всех браузерах.

Однако в 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; background: url(../images/navbar/back.gif);color:#ccc;}

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

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

.top:hover {color:#fff; background: url(../images/navbar/tophover.gif) no-repeat right top;}

.topbig:hover {color:#fff; background: url(../images/navbar/topbighover.gif) no-repeat right top;}

.topbigdropdown:hover {color:#fff; background:url(../images/navbar/topbigdrophover.gif) no-repeat right top;}

.topdropdown:hover {color:#fff; background:url(../images/navbar/topdrophover.gif) no-repeat right top;}