2014-09-09 18 views
2

всех посетителей, которые посещают моя страница будет загрузить style.css, который содержит эту ColorBox строку:Предварительная загрузка изображений из css, каково правильное правило?

#cboxLoadingGraphic{background:url(/images/animation.gif) no-repeat center center} 

это анимация изображение должно показать только при нажатии на определенную кнопку на странице, как загрузки анимация отображается при загрузке ColorBox модальности окно.

еще, я заметил, что есть разные посетители, которые автоматически загружают animation.gif, хотя они не нажимали эту кнопку (и не открывали модальное окно).

Но поскольку это происходит примерно с 1/3 посетителей, с разными броузерами, я не могу понять, что является правилом управления, что делает его одним пользователем предварительно загружать его, а другой пользователь загружает его только тогда, когда и если он нажимает на указанная кнопка?

+0

Не следует использовать какой-либо запрос для изменения класса css отображаемого элемента для этого фонового изображения на основе действия пользователя, например, нажатие кнопки? что функция js должна отображать этот элемент при щелчке и удалении/скрытии, когда открывается модальное окно. – vreddy

+0

@viper не уверен, что вы имеете в виду, в основном все это основано на [этом примере] (http://www.jacklmoore.com/colorbox/example2), нажмите «Внешний HTML (AJAX)», и вы увидите что load.gif анимация. – rockyraw

ответ

0

правила являются чем-то вдоль этих линий:

Это не имеет значения, что вы положили в вашем CSS в плане или ссылки на изображения, так как он (браузер) будет загружать только этот ресурс, если элемент находится на странице и видно! Видимый означает все, кроме отображения: нет и разные состояния этого элемента, например: состояние зависания.

Это не относится к встроенным изображениям base64 внутри ваших файлов css. Они загружаются таблицей стилей.

 Смежные вопросы

  • Нет связанных вопросов^_^