多媒體網(wǎng)路電子相簿系統(tǒng)

1、多媒體-網(wǎng)路電子相簿系統(tǒng)F74942171林宇凡F74942066林江南程式建構(gòu)環(huán)境:Windows XP使用vs2005編輯使用語言:2.0 for c#使用Access建立資料表單,儲(chǔ)存資料.使用CSS和JS來幫助相簿美化.測試方法:利用XP-IIS6來開啟網(wǎng)站.相簿首頁點(diǎn)選相簿分類裡的風(fēng)景照/albumCategory.aspx.cs protected void Item_Created(Object sender, DataListItemEventArgs e) AccessDataSource ads = new AccessDataSource(); ads.DataFile

2、= /App_data/webData.mdb; ads.SelectCommand = “select * from defaultpage where ca_id=” + Request.QueryString“ca_id” + “ order by album_date DESC”; /從defaultpage表單中按建立時(shí)間排序相簿 DataView dv = (DataView)ads.Select(DataSourceSelectArguments.Empty); int PageIndex = (Convert.ToInt32(Request.QueryStringPage) -

3、 1) * Convert.ToInt32(Request.QueryStringPageSize) + e.Item.ItemIndex; if (!(Convert.ToString(dvPageIndex“FirstPic”) = “”) /判斷照片名稱是否存在 System.Web.UI.WebControls.Image IMG = (System.Web.UI.WebControls.Image)e.Item.FindControl(Image1); IMG.ImageUrl = /photos/ + dvPageIndexFirstPic; if (Convert.ToInt32

4、(dvPageIndexFirstPicW) Convert.ToInt32(dvPageIndexFirstPicH) /判斷高和寬的關(guān)係 IMG.CssClass = ls; else IMG.CssClass = pt; Item_Created()本函式目的在檢察顯示照片時(shí)需要直立或橫放，取出照片顯示於Imag1的控制項(xiàng)中(即albumCategory.aspx裡的標(biāo)籤Image1)，我們判定當(dāng)圖片高大於寬時(shí)，將 IMag1 的Css樣式設(shè)定為”pt”; 若寬大於高時(shí)，設(shè)定為”ls”. “l(fā)s” , ”pt”的定義在style.css檔案中。進(jìn)入相簿其他JS-Lightbox顯示相片J

5、S-Lightbox顯示相片進(jìn)入管理模式網(wǎng)站資訊介紹相簿分類管理管理相簿-檢閱建立動(dòng)態(tài)DropDownList在資料表單中每個(gè)相簿類別都有一個(gè)分類編號(hào)，如果使用者選取某一分類名稱，ex:電影，電影的分類編號(hào)是”1”, AccessDataSource1控制項(xiàng)會(huì)執(zhí)行WHERE (ca_id LINK “1”) 而取出此分所有相簿資料。管理相簿-新增/刪除相片在類別中新增一個(gè)相簿資料庫使用-AccessVS2005中拉資料連結(jié)工具在程式碼中的語法JSLightbox2觀看照片特效How to UsePart 1 SetupLightbox 2 uses the Prototype Framewor

6、k and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order). Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles). Check the CSS and make sure the referenced prev.gif and next.gif files are in the righ

7、t location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location. Part 2 ActivateAdd a rel=lightbox attribute to any link tag to activate the lightbox. For example: image #1 Optional: Use the title attribute if you want to show a caption. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example: image #1 image #2 image