メイン div 内にいくつかのグリッド ビューがあり、メイン div を 1 秒ごとに JavaScript で更新する必要があります。
ページをスクロールしているときに既知の問題である「ジャンプ」が発生するため、タイマーとトリガーで ajax を使用したくありません。(か否か ?)
グリッド ビューでわかるように、DB から取得した写真があります。そのため、目標は 1 秒ごとに更新して最新の画像を取得することです。JavaScript でこれを行うことはできますか? フェードイン・フェードアウト効果もあればいいですね!!
<div id="Main">
<div id="Grid1">
<asp:GridView ID="GridBox1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:ImageField DataImageUrlField="Image_path" DataImageUrlFormatString="~/Pic/{0}" HeaderText="pic">
<ControlStyle Height="200px" Width="200px" />
</asp:ImageField>
</Columns>
</asp:GridView>
</div>
<div id="Grid2">
<asp:GridView ID="GridBox2" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:ImageField DataImageUrlField="Image_path" DataImageUrlFormatString="~/Pic/{0}" HeaderText="pic">
<ControlStyle Height="200px" Width="200px" />
</asp:ImageField>
</Columns>
</asp:GridView>
</div>
</div>