afficher un gif alors que la page asp.net charge

Veuillez voir mes semblables question "Veuillez Patienter" à l'aide de jQuery ou AJAX?:

Tandis que le ASPX chargement de la page, vous restez sur la page en cours dans le navigateur web. Alors, quand vous savez la nouvelle page est en cours de chargement (c'est à dire, quand un bouton ou un lien est pressé), il suffit de montrer le "Chargement" de l'image et il disparaîtra automatiquement lorsque le client est fini de la réception de la "nouvelle" à la page (que ce soit une réelle nouvelle page ou sur la même page affichée à l'arrière).

Exemple de code que vous pouvez utiliser pour afficher automatiquement votre chargement de l'image (contenu dans un div) lorsqu'un bouton est cliqué est la suivante:

$(':submit').click(function() {
    $('#divLoading').show();
});

Alternativement, vous pouvez utiliser le UpdatePanel qui vient à l'Ajax Toolkit ou dans ASP.NET 4.0. Il a un contrôle appelé UpdateProgress qui affiche un temps de chargement de l'image automatiquement.

EDIT:

Je pense que vous voulez dire que vous voulez montrer à un "Chargement" de l'image avant de la première page est même chargé, dans ce cas, vous devriez mettre votre maître contenu de la page enroulé autour d'un UpdatePanelutiliser un progrès chargeur de contrôle qui affiche automatiquement une image (les deux sont disponibles dans l'Ajax Toolkit ou ASP.NET 4.0), et la charge de l'substantielle (non-master page) contenu de votre page après votre chargement initial de la page dans le UpdatePanel.

Vous pouvez le faire en mettant le corps de votre page de contenu à l'intérieur d'un Panelle réglage du panneau de visibilité à Falsepuis le paramètre True après le chargement de la page.

De balisage pour un UpdateProgress de contrôle est comme suit. Vous, bien sûr, vous voulez le style et la position dans la zone de droite.

<asp:UpdateProgress ID="upgLoad" DynamicLayout="true" runat="server">
    <ProgressTemplate>
        <div id="theprogress">
            <img src="images/loading.gif" />
            <span>Loading</span>
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

EDIT:

Si vous ne souhaitez pas utiliser le UpdatePanel et UpdateProgress contrôles, puis il suffit de faire ce qui suit:

1. Mettre le contenu de votre page dans un Panel appelé pnlContent et mettre le panneau de la visibilité à False.
2. Créer un img et votre chargement de l'image et de la mettre dans un autre Panel appelé pnlLoading avec le visility ensemble de True.

3. Mettre un script côté client que les forces de la page se recharge dès qu'il charge. Mettre ce script à l'intérieur de pnlLoading. Mise à jour: Mettre le #3 de code ci-dessous dans votre page ASPX pour créer votre panneau et il sera le déclencheur d'un poste de revenir immédiatement.

4. Ajouter ce qui suit #4 code de votre Page_Load.

Code:

Pour #3:

<asp:Panel runat="server" ID="pnlLoading">
    <!-- Replace "form1" with your form's name. -->
    <script type="text/javascript">form1.submit()</script>
    <img src="images/loading.gif" alt="Loading" />
    <span>Loading</span>
</asp:Panel>

Pour le #4:

if (Page.IsPostBack())
{
    pnlLoading.Visible = false;
    pnlContent.Visible = true;
}

Qui cause du chargement de l'image pour montrer tout votre contenu de la page est en cours de chargement.