Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Проблема - смена background-image в div

Обсуждение темы Проблема - смена background-image в div в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Пожалуйста, помогите решить проблему! Есть обычная фотогалерея - несколько превьюшек, при нажатии на превьюшку открывается большая картинка в div'е. Картинка загружается в div ...


Закрытая тема
 
Опции темы
Старый 13.12.2008, 01:27   #1
Пожалуйста, помогите решить проблему!

Есть обычная фотогалерея - несколько превьюшек, при нажатии на превьюшку открывается большая картинка в div'е. Картинка загружается в div через свойство backgroundImage.

Так вот, в IE, FF, Safari все работает нормально: сначала div пустой, потом в нем показывается картинка. А в Opere - сначала отображается div с предыдущей картинкой, и только потом картинка меняется на новую. Увидеть можно здесь: http://psk-moscow.ru/index.php?section_ID=4

Да, конструкции вида document.getElementById("...").style.backgroundIma ge = "";
_.backgroundImage = "url('')";
_.backgroundImage = "none";

для предварительной очистки divа не помогают.

Может, кто-то знает решение?

Добавлено через 1 минуту

Проблема решена через предварительную подгрузку изображения:

document.getElementById("megadiv").style.backgroun dImage="none";

var img = new Image();
img.src=largepic[id];

img.onload=function(){
document.getElementById("megadiv").style.backgroun dImage="url('" + largepic[id] + "')";
}

if(img.complete)
document.getElementById("megadiv").style.backgroun dImage="url('" + largepic[id] + "')";

Последний раз редактировалось snegir; 13.12.2008 в 01:27.. Причина: Добавлено сообщение
 
Старый 13.12.2008, 01:27
Ссылки
Старый 13.12.2008, 01:27
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
background-image в ie разных версий Serial HTML, CSS, JavaScript 9 12.05.2012 18:30
Обтекание текстом background image Axi 42 HTML, CSS, JavaScript 30 04.04.2010 17:42
Отрисовка кнопок с background-image AlexT HTML, CSS, JavaScript 1 07.11.2007 10:33
смена background при наведении мыша localhost HTML, CSS, JavaScript 4 06.07.2007 09:28
Image Preloader Den09 HTML, CSS, JavaScript 3 24.07.2004 11:20


Текущее время: 08:56. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум