多媒体-网路电子相簿系统.ppt

How to Use Part 1 – Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order). script type=text/javascript src=js/prototype.js/script script type=text/javascript src=js/scriptaculous.js?load=effects,builder/script script type=text/javascript src=js/lightbox.js/script Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles). link rel=stylesheet href=css/lightbox.css type=text/css media=screen / Check the CSS and make sure the referenced prev.gif and next.gif files are in the right 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 – Activate Add a rel=lightbox attribute to any link tag to activate the lightbox. For example: a href=images/image-1.jpg rel=lightbox title=my captionimage #1/a 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: a href=images/image-1.jpg rel=lightbox[roadtrip]image #1/a a href=images/image-2.jpg rel=lightbox[roadtrip]image #2/a a href=images/image-3.jpg rel=lightbox[roadtrip]image #3/a No limits to the number of image sets per page or how many images are allowed in each set. Go nuts! End 多媒體-網路電子相簿系統 宇凡 江南 程式建構 環境:Windows XP 使用vs2005編輯 使用語言:asp.net2.0 for c# 使用Access建立資料表單,儲存資料. 使用CSS和JS來幫助相簿美化. 測試方法:利用XP-IIS6來開啟網站. 相簿首頁 點選相簿分類裡的[風景照] ~/albumCategory.aspx.cs protected void Item_Created(Object sender, DataListItemEventArgs e) { AccessDataSource ads = new AccessDataSource(); ads.DataFile = ~/App_data/webData.mdb; ads.SelectCommand = “select * from defaultpage where ca_id=” + Request.QueryString[“ca_id”] + “ order by album_date DESC”; //從defaultpage表單中