Я хочу, чтобы, когда LightFace будет отображаться, тогда должно появиться занятое изображение, которое будет отображаться в центре модального поля. я обнаружил, что нет способа показать LightFace с занятым изображением программно, когда контент будет загружаться в фоновом режиме. поэтому я использовал трюк, но не сработал. в моем случае изображение занято отображается в диалоге, но не в центральной позиции.
вот мой код
здесь я определяю таблицу стилей для моего div
.BusyStyles
{
background-image: url ('images / fbloader.gif');
повторение фона: без повтора; background-position: центр центра;
высота: 200;
ширина: 300;
}
мой JavaScript
<script language="javascript" type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function () {
jQuery("#btnFeedback1").click(function () {
var modal = new LightFace({
draggable: true,
height: 200,
width: 300,
title: 'My Profile',
content: '<div css="BusyStyles"><div>',
buttons: [
{ title: 'OK', event: function () { this.close(); } },
{ title: 'Close', event: function () { this.close(); } }
]
});
modal.open();
modal.load('here i will load my ajax content calling pagemethod');
return false;
});
});
так, что я сделал, когда я показываю модальное диалоговое окно LightFace, тогда div назначается как содержимое по умолчанию, которое имеет таблицу стилей. таблица стилей имеет фиксированную высоту и ширину и является фоновым изображением. я пытался показать изображение в центре, но изображение не показывалось в центре, вместо этого изображение показывалось в верхней левой позиции.
поэтому, пожалуйста, объясните мне, как показать занятое изображение в центре диалога.
В основном я хочу, чтобы когда я вызывал функцию на стороне сервера с помощью jquery, тогда мой диалог должен отображаться с занятым изображением, и когда контент будет доступен, я покажу этот контент.
я использую asp.net и вызываю метод страницы от jquery.
пожалуйста, ведите меня. спасибо.