欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

asp.net 點(diǎn)縮略圖彈出隨圖片大小自動(dòng)調(diào)整的頁面

 更新時(shí)間：2009年06月05日 23:30:52   作者：  
程序用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頁面縮略圖處的代碼為：
復(fù)制代碼 代碼如下:

<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文件中，內(nèi)容如下：
functionShowWindow(id)
{
window.open('pic_all.aspx?ID='+id,'_blank','Scrollbars=no');
}

以下代碼即可實(shí)現(xiàn)點(diǎn)縮略圖后彈出頁面pic_all.aspx顯示圖片信息，下面要實(shí)現(xiàn)的是pic_all.aspx頁面根據(jù)圖片的大小自動(dòng)調(diào)整。
把以下代碼放在pic_all.aspx頁面的<Head></Head>之間：
復(fù)制代碼 代碼如下:

<script>
functionwindow.onload()
{
varobj=document.getElementById("PicUrl");
window.resizeTo(obj.offsetWidth+127,obj.offsetHeight+75);
}
</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í)處理頁面一樣處理了。

相關(guān)文章

  • ASP.NET Core 1.0實(shí)現(xiàn)郵件發(fā)送功能

    ASP.NET Core 1.0實(shí)現(xiàn)郵件發(fā)送功能

    這篇文章主要為大家詳細(xì)介紹了ASP.NET Core 1.0實(shí)現(xiàn)郵件發(fā)送功能的相關(guān)資料,需要的朋友可以參考下
    2016-07-07
  • asp.net運(yùn)行原理 詳解

    asp.net運(yùn)行原理 詳解

    當(dāng)我們通過瀏覽器向ASP.NET 2.0網(wǎng)站的一個(gè)asp.net頁面發(fā)起請求時(shí)，在服務(wù)器端首先是IIS收到請求，IIS一看是asp.net頁面，心里很開心，因?yàn)檫@個(gè)請求不用它處理，交給ASP.NET ISAPI就行了
    2012-04-04
  • webapi跨域使用session的方法示例

    webapi跨域使用session的方法示例

    這篇文章主要介紹了webapi跨域使用session的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-07-07
  • asp.net 特定目錄form驗(yàn)證

    asp.net 特定目錄form驗(yàn)證

    前幾聽我的一個(gè)同事說form驗(yàn)證，我也只是聽說過，說是一個(gè)很簡單的驗(yàn)證，最近也在做一個(gè)小型的企業(yè)網(wǎng)站（因?yàn)閯傔M(jìn)公司不久，老板就給了單獨(dú)一個(gè)小項(xiàng)目練練手）。
    2009-06-06
  • ASP.NET中的C#基礎(chǔ)知識

    ASP.NET中的C#基礎(chǔ)知識

    本文主要介紹了ASP.NET中的C#基礎(chǔ)知識。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
    2017-01-01
  • Asp.Net MVC記住用戶登錄信息下次直接登錄功能

    Asp.Net MVC記住用戶登錄信息下次直接登錄功能

    有的時(shí)候做網(wǎng)站，就需要記住用戶登錄信息，下次再登錄網(wǎng)站時(shí)，不用重復(fù)輸入用戶名和密碼，原理是瀏覽器的cookie把狀態(tài)給記住了！這篇文章主要介紹了Asp.Net MVC記住用戶登錄信息下次直接登錄功能,需要的朋友可以參考下
    2018-09-09
  • ASP.NET Core MVC學(xué)習(xí)教程之路由(Routing)

    ASP.NET Core MVC學(xué)習(xí)教程之路由(Routing)

    這篇文章主要給大家介紹了關(guān)于ASP.NET Core MVC學(xué)習(xí)教程之路由(Routing)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用ASP.NET Core MVC具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • ASP.NET Core Web App應(yīng)用第三方Bootstrap模板的方法教程

    ASP.NET Core Web App應(yīng)用第三方Bootstrap模板的方法教程

    這篇文章主要給大家介紹了關(guān)于ASP.NET Core Web App應(yīng)用第三方Bootstrap模板的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起看看吧
    2018-06-06
  • .Net集成敏感詞組件的步驟

    .Net集成敏感詞組件的步驟

    現(xiàn)如今大部分服務(wù)都會(huì)有用戶輸入，為了服務(wù)的正常運(yùn)行，很多時(shí)候不得不針對輸入進(jìn)行敏感詞的檢測、替換。如果人工做這樣的工作，不僅效率低，成本也高。水弟在這里寫了一個(gè)讓小編姐姐都覺得快的敏感詞組件接入示例，不需要依賴第三方服務(wù)，只需兩分鐘即可享受清爽文字。
    2021-05-05
  • ASP.NET中常用的三十三種代碼

    ASP.NET中常用的三十三種代碼

    ASP.NET中常用的三十三種代碼...
    2007-03-03

最新評論