0

Нужен совет: у меня есть страничка на асп.нэте, на которой есть галерея - карусель картинок, так вот, сейчас СНАЧАЛА грузятся картинки, а потом отображается все в виде карусели, надо чтобы загрузка картинок была невидимая для пользователя, т.е. отображалось, например, колесо загрузки, а потом уже готовая галерея. Как это сделать?)

2
  • а на какое событие у вас повешено вызов карусели на onload или document.ready, погоже js не сразу отрабатывает при загрузке дом.
    – makregistr
    31 окт 2011 в 11:04
  • document inphotofocus.com, тут можно посмотреть, грузится долго только первый раз, дальше кэшируется
    – Gorets
    31 окт 2011 в 11:08

1 ответ 1

1

Например, так:

var pictures = new Array();
pic_num = 15;//количество картинок
pic_loaded = 0;//количество прогруженных картинок.
for(var i=0; i<pic_num; i++){
  pictures[i] = document.createElement('img');
  pictures[i].src = 'imagename'+i+'.jpg';
  pictures[i].onload = function(){ pic_loaded++; check_picloaded();}     
}
function check_picloaded(){
  if(pic_loaded==pic_num){
    //all pictures loaded. Можно открывать галерею и прятать колесо загрузки
    $('#loading_wheel').hide();
    $('#gallery_wrapper').show();
  }
}
5
  • т.е. #loading_wheel - это любой плагин-колесо?
    – Gorets
    31 окт 2011 в 11:15
  • Это некий объект(например, div) с картинкой крутящейся загрузки. Можно и плагин, но не вижу в этом смысла
    – knes
    31 окт 2011 в 11:26
  • а не легче закрыть карусель дивом с крутилкой-загрузкой и прятать его после инициализации карусели
    – makregistr
    31 окт 2011 в 12:12
  • возможно, но суть, вроде бы, это тоже что и было предложено....
    – Gorets
    31 окт 2011 в 14:26
  • а не легче закрыть карусель дивом// Не легче. Пока грузится колесо(между прочим, анимированный гиф) и див, пользователь успеет увидеть карусель. А это не соответствует условию.
    – knes
    31 окт 2011 в 15:01

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.