asp.net 點縮略圖彈出隨圖片大小自動調整的頁面
更新時間：2009年06月05日 23:30:52 作者：
程序用asp.net編寫，功能主要是，點pic_small.Aspx頁面的縮略圖后彈出pic_all.aspx頁面，pic_all.aspx頁面的大小要根據圖片大小自動調整
而且要有圖片的說明信息，還可以點上一幅和下一幅等進行翻頁。
實現過程如下：
pic_small.Aspx頁面縮略圖處的代碼為：
<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">
ShowWindow保存在OpenWindows.js文件中，內容如下：
functionShowWindow(id)
{
window.open('pic_all.aspx?ID='+id,'_blank','Scrollbars=no');
}
以下代碼即可實現點縮略圖后彈出頁面pic_all.aspx顯示圖片信息，下面要實現的是pic_all.aspx頁面根據圖片的大小自動調整。
把以下代碼放在pic_all.aspx頁面的<Head></Head>之間：
<script>
functionwindow.onload()
{
varobj=document.getElementById("PicUrl");
window.resizeTo(obj.offsetWidth+127,obj.offsetHeight+75);
}
</script>
這里的PicUrl是頁面pic_all.aspx中用來顯示原圖大小的，我用的是html控件，無論你用什么方法，反正就是要從數據庫中讀出圖片的名稱或是路徑了。
obj.offsetWidth得到的就是顯示出來的原圖的寬了，obj.offsetWidth+127表示窗口在圖片的寬度基礎上再大127像素，因為要留一些空間用來實現圖片的說明信息。
這樣就可以實現彈出來的窗口既可以根據圖片大小自動調整，而且又可以隨意編輯彈出來的頁面，因為彈出來的頁面是一個指定頁面，無論要編輯什么，都可以和平時處理頁面一樣處理了。
實現過程如下：
pic_small.Aspx頁面縮略圖處的代碼為：
復制代碼 代碼如下:
<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">
ShowWindow保存在OpenWindows.js文件中，內容如下：
functionShowWindow(id)
{
window.open('pic_all.aspx?ID='+id,'_blank','Scrollbars=no');
}
以下代碼即可實現點縮略圖后彈出頁面pic_all.aspx顯示圖片信息，下面要實現的是pic_all.aspx頁面根據圖片的大小自動調整。
把以下代碼放在pic_all.aspx頁面的<Head></Head>之間：
復制代碼 代碼如下:
<script>
functionwindow.onload()
{
varobj=document.getElementById("PicUrl");
window.resizeTo(obj.offsetWidth+127,obj.offsetHeight+75);
}
</script>
這里的PicUrl是頁面pic_all.aspx中用來顯示原圖大小的，我用的是html控件，無論你用什么方法，反正就是要從數據庫中讀出圖片的名稱或是路徑了。
obj.offsetWidth得到的就是顯示出來的原圖的寬了，obj.offsetWidth+127表示窗口在圖片的寬度基礎上再大127像素，因為要留一些空間用來實現圖片的說明信息。
這樣就可以實現彈出來的窗口既可以根據圖片大小自動調整，而且又可以隨意編輯彈出來的頁面，因為彈出來的頁面是一個指定頁面，無論要編輯什么，都可以和平時處理頁面一樣處理了。
相關文章
這篇文章主要為大家詳細介紹了ASP.NET Core 1.0實現郵件發(fā)送功能的相關資料,需要的朋友可以參考下2016-07-07
當我們通過瀏覽器向ASP.NET 2.0網站的一個asp.net頁面發(fā)起請求時，在服務器端首先是IIS收到請求，IIS一看是asp.net頁面，心里很開心，因為這個請求不用它處理，交給ASP.NET ISAPI就行了2012-04-04
這篇文章主要介紹了webapi跨域使用session的方法示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
前幾聽我的一個同事說form驗證，我也只是聽說過，說是一個很簡單的驗證，最近也在做一個小型的企業(yè)網站（因為剛進公司不久，老板就給了單獨一個小項目練練手）。2009-06-06
本文主要介紹了ASP.NET中的C#基礎知識。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
有的時候做網站，就需要記住用戶登錄信息，下次再登錄網站時，不用重復輸入用戶名和密碼，原理是瀏覽器的cookie把狀態(tài)給記住了！這篇文章主要介紹了Asp.Net MVC記住用戶登錄信息下次直接登錄功能,需要的朋友可以參考下2018-09-09
ASP.NET Core MVC學習教程之路由(Routing)
這篇文章主要給大家介紹了關于ASP.NET Core MVC學習教程之路由(Routing)的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用ASP.NET Core MVC具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-07-07
ASP.NET Core Web App應用第三方Bootstrap模板的方法教程
這篇文章主要給大家介紹了關于ASP.NET Core Web App應用第三方Bootstrap模板的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起看看吧2018-06-06
現如今大部分服務都會有用戶輸入，為了服務的正常運行，很多時候不得不針對輸入進行敏感詞的檢測、替換。如果人工做這樣的工作，不僅效率低，成本也高。水弟在這里寫了一個讓小編姐姐都覺得快的敏感詞組件接入示例，不需要依賴第三方服務，只需兩分鐘即可享受清爽文字。2021-05-05
ASP.NET中常用的三十三種代碼...2007-03-03