powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема - смена background-image в div
4 сообщений из 4, страница 1 из 1
Проблема - смена background-image в div
    #35712263
Snegir
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Пожалуйста, помогите решить проблему!

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

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

Да, конструкции вида document.getElementById("...").style.backgroundImage = ""; для предварительной очистки divа не помогают.

Может, кто-то знает решение?
...
Рейтинг: 0 / 0
Проблема - смена background-image в div
    #35712267
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
__.backgroundImage = "none"
...
Рейтинг: 0 / 0
Проблема - смена background-image в div
    #35712279
Snegir
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
то же самое (
еще пробовала backgroundImage = "url('')"; - тоже не помогает
...
Рейтинг: 0 / 0
Проблема - смена background-image в div
    #35712345
Snegir
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
IDVsbruck, все-таки Ваш совет оказался правильным, спасибо)
только пришлось добавить предварительную подгрузку изображения.

Проблема решена так:

document.getElementById("megadiv").style.backgroundImage="none";
var img = new Image();
img.src=largepic[id];

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

if(img.complete)
document.getElementById("megadiv").style.backgroundImage="url('" + largepic[id] + "')";
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема - смена background-image в div
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]