[習題]ASP.NET AJAX 超入門「線上戰情室」#2 -- 圖片切換效果（障眼法）

此為文章備份，原文請看我的網站：http://www.dotblogs.com.tw/mis2000lab/archive/2013/07/10/asp_net_ajax_war_room2.aspx

[習題]ASP.NET AJAX 超入門「線上戰情室」#2 -- 圖片切換效果（障眼法）

上一篇文章： [習題]ASP.NET AJAX 超入門「線上戰情室」#1 -- 即時列出各門市的出貨狀況

有人說：他還是不會做出畫面的效果

書本上，有一個範例 Warning_Color.aspx 不就是作這件事嗎？

只好繼續作給讀者看看................

這個範例可以補充在書本「上集」第十九章

(1).  範例 Warning_Color_2.aspx

      畫面上 DropDownList（已經設定AutoPostBack = true）

      透過他來操作，進行圖片變化（後置程式碼，動態修改 Image控制項的 ImageUrl屬性）

      

(2).  範例 Warning_Color_3_Auto.aspx

       加入了 Timer，做到每一秒變化圖片。（後置程式碼，動態修改 Image控制項的 ImageUrl屬性）

       

    protected void Timer1_Tick(object sender, EventArgs e)

    {

        int i = System.DateTime.Now.Second;

        String i_str = (i % 5).ToString();   //--計算後，傳回餘數。

        switch (i_str)

        {

            case "1":

                Image1.ImageUrl = "Chart_Images/1.jpg";

                break;

            case "2":

                Image1.ImageUrl = "Chart_Images/2.jpg";

                break;

            case "3":

                Image1.ImageUrl = "Chart_Images/3.jpg";

                break;

            case "4":

                Image1.ImageUrl = "Chart_Images/4.jpg";

                break;

            default:

                Image1.ImageUrl = "Chart_Images/5.jpg";    //--以上皆非。餘數為零。

                break;

        }

    }

如果您把上一個範例（上一篇文章）的程式，放在 Timer_Tick事件裡面

不就可以「定時」更新資訊，並且用畫面（圖片）展示了嗎？

因為有了AJAX效果，圖片切換時，頁面不會閃爍（難怪大陸把AJAX稱為「非閃爍頁面」）

看起來像是圖片會動

上面範例的圖片下載：Chart_Images.rar

當然，您如果更厲害，可以寫 Silverlight or Flash

真正做到圖片以動態的方式展示（類似動態影片）

不過，為了這樣的功能，您要花多少時間去學習（請自己衡量）

我們用兩篇文章解釋了這個功能

只要「畫面上的圖片變化」、「程式裡面撈資料庫」都能解決，搭配AJAX就能做出實用的功能。

您手邊的書、ASP.NET入門書的內容，跟我的一樣實用嗎？

深入？精彩？簡單好學嗎？

    AJAX (UpdatePanel) 有介紹到後置程式碼的撰寫嗎？

    畫面上，出現「多個」UpdatePanel 的時候會互相干擾？該怎麼解決？

      ...........我用一招就可以處理各種情況，只要一招，處處可用！

我相信別本書都沒有！......因為（台灣）市面上的入門書，我隨時都有買來看、比對

您！該換一本書了！

該來上課了！     該來上課了！    該來上課了！    該來上課了！

ASP.NET課程 / ASP.NET教學，請看

    http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/29807.aspx

    [台北] ASP.NET入門實戰 + ADO.NET進階【二合一】49 hr

ASP.NET影片、遠距教學，請看：

    http://www.dotblogs.com.tw/mis2000lab/archive/2015/03/09/aspnet-online-learning-distance-education-2015.aspx

    [遠距教學、教學影片] ASP.NET (Web Form) 六週課程 上線了！

............................. 寫信給我，mis2000lab (at) yahoo.com.台灣.........................................................
網頁上的補充範例（售後服務），不一定能立即提供 VB / C#語法（看時間夠不夠寫，請不要跟我們要）。

但書本上面的範例，一定有 VB / C#雙語法給您學習。          請看我們的「售後服務」範圍（嚴格認定）。

防範SQL Injection / XSS攻擊，請看：ASP.NET安全寫作    資料來源 -- TWISC@NTUST網路應用安全知識庫