- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Суть драмы: берем div и делаем ему: $("#mydiv").css("background-image", "http://ляляля.jpg"); Картинка будет загружена асинхронно, и если она большая - то это может занять ощутимое время. Хотелось бы на это время показывать gif-крутилку, но проблема в том, что как я понял, завершение асинхронной загрузки нельзя похендлить. Как бы вы решили эту проблему?
Как бы вы решили эту проблему?
расположил бы в другом блоке, бекграундом которому и поставил бы гифку.
---------- Добавлено 02.08.2013 в 04:28 ----------
а почему вы решили, что загрузка простых имаджей яваскриптом синхронная?
делаете объект имадж, у него есть событие онлоад.
присваиваете срц, показываете крутилку.
в онлоад заменяете крутилку на картинку.
---------- Добавлено 02.08.2013 в 04:30 ----------
а ещё можно попробовать с несколькими бекграундами.
прелоадер загрузится первым.
картинка его по идее перекроет.
а почему вы решили, что загрузка простых имаджей яваскриптом синхронная?
А я этого и не говорил ;) Но ваша мысль про Image натолкнула меня на определенный гуглеж, и я нашел то, что вы, собственно, далее и предлагали:
http://stackoverflow.com/questions/9790347/set-an-image-object-as-a-div-background-image-using-javascript
Пока что это решение мне нравится больше всего. И я правильно понимаю, что в js background-image можно задать только CSS-свойством, ну то есть что его нельзя задать напрямую инстанцом Image?
в js background-image можно задать только CSS-свойством, ну то есть что его нельзя задать напрямую инстанцом Image?
Пробовал перечитать несколько раз.
background-image - это и есть CSS-свойство.
Попробуй другое решение. Проще: Ставиь бакграунд для дивов всех (в которые потом будет догружен новый бекграунд)
Или типа <div class="load_icon"><div class="bkgX"></div></div> И к load_icon пропиши бекграунд картинку ЛОАДИНГ.
Потёрто. Тут всё уже сказано: /ru/forum/comment/12008480