Создание растущего и уменьшающегося оверлея gif для загрузки jQuery с размером контейнера - PullRequest
Новая
       2

Создание растущего и уменьшающегося оверлея gif для загрузки jQuery с размером контейнера

0 голосов
/ 08 ноября 2011

Я успешно применил оверлей загрузки jQuery над таблицей, которую я использую. Как я могу сделать наложение, чтобы оно росло и сжималось вместе с контейнером, в котором он находится.

В настоящее время я получаю высоту ширину и позиции, получая таблицу, в которой она находится (Наложение накладывается на таблицу HTML) примерно так ... 

    $div = $("#theTable"); //id
    $('<div id="overlay">').css({
       position : 'fixed',
       opacity: 0.5,
       top: $div.offset().top,
       left : $div.offset().left,
       width : $div.outerWidth(),
       height : $div.outerHeight(),
       background: 'black url(<%=Url.Content("~/images/ajax-loader.gif")%>) no-repeat center'
    }).hide().appendTo('body');

как видите, я получаю идентификатор таблицы и просто получаю высоту оттуда. Я предполагаю, что пересчет размера таблицы на основе размера окна, вероятно, является способом, которым я должен идти, но это звучит действительно больно. Я надеюсь, что где-нибудь будет работать jQuery Auto-Magic, которым я смогу воспользоваться! Любые идеи / предложения будут с благодарностью.

...