解讀點(diǎn)縮略圖彈出隨圖片大小自動(dòng)調(diào)整的頁面_.Net教程
推薦:解析Asp.Net頁面執(zhí)行流程在我的上一篇文章中說到了HttpModule、HttpHandle的簡單使用,我們可以利用它們?cè)陧撁嬲?qǐng)求的過程中加入自己的事件處理程序。那么在一個(gè)aspx頁面請(qǐng)求時(shí)后臺(tái)到底做了什么?當(dāng)然asp.net做了很
程序用asp.net編寫,功能主要是,點(diǎn)pic_small.Aspx頁面的縮略圖后彈出pic_all.aspx頁面,pic_all.aspx頁面的大小要根據(jù)圖片大小自動(dòng)調(diào)整,而且要有圖片的說明信息,還可以點(diǎn)上一幅和下一幅等進(jìn)行翻頁。
實(shí)現(xiàn)過程如下:
pic_small.Aspx頁面縮略圖處的代碼為:
| 以下為引用的內(nèi)容:
<IMGid="imgPic"style="CURSOR:hand"border=0height="95"onclick="ShowWindow(<%#DataBinder.Eval(Container.DataItem,"ID")%>)"src=’<%#"Images/Product/" DataBinder.Eval(Container.DataItem,"PicUrl")%>’width="118"runat="server"> |
以下代碼即可實(shí)現(xiàn)點(diǎn)縮略圖后彈出頁面pic_all.aspx顯示圖片信息,下面要實(shí)現(xiàn)的是pic_all.aspx頁面根據(jù)圖片的大小自動(dòng)調(diào)整。
把以下代碼放在pic_all.aspx頁面的<Head></Head>之間:
| 以下為引用的內(nèi)容:
<script> |
這里的PicUrl是頁面pic_all.aspx中用來顯示原圖大小的,我用的是html控件,無論你用什么方法,反正就是要從數(shù)據(jù)庫中讀出圖片的名稱或是路徑了。
obj.offsetWidth得到的就是顯示出來的原圖的寬了,obj.offsetWidth 127表示窗口在圖片的寬度基礎(chǔ)上再大127像素,因?yàn)橐粢恍┛臻g用來實(shí)現(xiàn)圖片的說明信息。
這樣就可以實(shí)現(xiàn)彈出來的窗口既可以根據(jù)圖片大小自動(dòng)調(diào)整,而且又可以隨意編輯彈出來的頁面,因?yàn)閺棾鰜淼捻撁媸且粋(gè)指定頁面,無論要編輯什么,都可以和平時(shí)處理頁面一樣處理了。
分享:如何用.NET讀取 Flash格式文件信息一直以來存在這么一個(gè)問題,就是當(dāng)用戶上傳的Flash文件時(shí)都需要附帶輸入Flash的寬和高,否則顯示的時(shí)候由于不知道這些數(shù)值而導(dǎo)致Flash比例不正常。 近日我做網(wǎng)站也涉及到了這方面的問題
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP發(fā)送Email實(shí)例(可帶附件)
- js實(shí)現(xiàn)廣告漂浮效果的小例子
- asp.net Repeater 數(shù)據(jù)綁定的具體實(shí)現(xiàn)
- Asp.Net 無刷新文件上傳并顯示進(jìn)度條的實(shí)現(xiàn)方法及思路
- Asp.net獲取客戶端IP常見代碼存在的偽造IP問題探討
- VS2010 水晶報(bào)表的使用方法
- ASP.NET中操作SQL數(shù)據(jù)庫(連接字符串的配置及獲取)
- asp.net頁面?zhèn)髦禍y(cè)試實(shí)例代碼
- DataGridView - DataGridViewCheckBoxCell的使用介紹
- asp.net中javascript的引用(直接引入和間接引入)
- 三層+存儲(chǔ)過程實(shí)現(xiàn)分頁示例代碼
- 相關(guān)鏈接:
- 教程說明:
.Net教程-解讀點(diǎn)縮略圖彈出隨圖片大小自動(dòng)調(diào)整的頁面
。