當前位置:首頁 » 圖片資訊 » 網站圖片縮放怎麼實現
擴展閱讀
美女健身跳河視頻 2023-08-31 22:08:21
西方貴族美女照片真人 2023-08-31 22:08:15

網站圖片縮放怎麼實現

發布時間: 2023-05-22 18:27:17

1. 網頁中控制圖片縮放比例

試試這個
你可以網上找
資料
的嗎
懶人-----------------------------------唉也....我的馬也
終於搞出來啦
!頁網中控制圖片縮放代碼
一般情況下
是很難做到這一點的
因為小圖從資料庫調用出來的時候
上原圖
所以小
而當調用的圖片是高清的
數碼
照時
你才知道
那有多頭痛
完全把Tabel擠得不像人樣
全擠破了
難看得不敢見人啊
.....要把圖片控制在一定的
規格
里縮放
我最用想到用的是JavaScript
終於寫出來了
測試了N多回才成功的
請看代碼:網頁前邊加
(注意JavaScript是區分大小寫的
==我最不喜歡就他這一點
你們不用注意了
我已經寫好測試完了才發出來共享的
直接復制一點問題都沒有
)在body里
顯示圖片時
OK
就這樣搞定了
那不管是小圖還是大圖
也只能在480X530里游動啦
哈哈哈...(傻傻的感言:有時候感覺寫
程序
就是那麼快樂
好像一切盡在撐握之中...嘿嘿
因為又學到了東西
程序設計的快樂)的誰有更簡單的
請共享下技術吧!本文出自:
和平聯盟---
ASP技術聯盟區網址:
http://
www
.hp8858.com
轉貼請帶上
謝謝

2. 怎樣在線縮小圖片

用photoshop就可以。

方乎衫陪法

1.點擊「圖像」菜歲蠢單然後打開「圖像大小」。

3. html怎麼把照片縮小

1. html圖片如何按屏幕大小等比例縮放
html圖片按屏幕大小等比例縮放若瀏覽器允許可按Ctrl+滑鼠滾輪滑動縮放,或用代碼。

具體方法如下:

1. Ctrl+鼠悶猜標滾輪滑動芹弊縮放

2. css代碼與htlm代碼

3. CSS 代碼如下:

#background

{

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

overflow: hidden;

background-color: #211f1f;

display:none\8;

}

#background .bg-photo

{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

display: none;

overflow: hidden;

-webkit-background-size: cover !important;

-moz-background-size: cover !important;

-o-background-size: cover !important;

background-size: cover !important;

}

#background .bg-photo-1

{

background: url('../image/alone.') no-repeat center center;

}

#background-ie {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

overflow: hidden;

background-color: #211f1f;

}

4. HTML代碼如下:

<div id="background">
<div ></div>

<嫌罩族/div>

4. 在網頁上放圖片,怎麼讓它按比例縮放

滑鼠上的滾輪 把滑鼠放在圖片上 上轉是放大 下轉是縮小

5. 網頁中控制圖片縮放比例_html設置圖片按比例縮放

可以通過background-size屬性來設定背景圖片的大小。它可以是像素(px)或者是百分比(%),舉例說明:background-size:950px*200px這表示把背景圖片大小調整為寬度950像素,高度200像素。

1、background-size的語法說明:

(1)屬性名:background-size

(2)屬性值:其中bg-size=[||auto]{1,2}|cover|

contain

(3)初始值:autoauto

(4)應用於:所有元素

(5)繼承性:無如頃

(6)百分比:後面會說明

(7)計算值:根據指定

2、御搭代碼說明:

/*一個值:這個值指定圖片寬度,第二個值為auto*/

background-size:auto

background-size:50%

background-size:3em

background-size:12px

/*兩個值:第一個值指定圖片的寬度,第二個值指定圖片的高度*/

background-size:50%auto

background-size:3em25%

background-size:auto6px

background-size:autoauto

/*多重背景,用逗號隔開,在CSS語法中凡語法後跟*或者#,都是可以無限重復的,但必須用逗號隔開。*/

background-size:auto,auto/*請區別於background-size:autoauto*/

background-size:50%,25%,25%

background-size:6px,auto,contain

background-size:inherit

(5)網站圖片縮放怎麼實現擴展閱讀:

背景重復:

如果需要在頁面上對背景圖像進行平鋪,可以使用background-repeat屬性鎮橡拿。

屬性值repeat導致圖像在水平垂直方向上都平鋪,就像以往背景圖像的通常做法一樣。repeat-x和repeat-y分別導致圖像只在水平或垂直方向上重復,no-repeat則不允許圖像在任何方向上平鋪。

背景圖像將從一個元素的左上角開始。如下:

body

{

background-image:url(/i/eg_bg_03.gif);background-repeat:repeat-y;

}

背景定位:

可以利用background-position屬性改變圖像在背景中的位置。

下面的例子在body元素中將一個背景圖像居中放置:

body

{

background-image:url('/i/eg_bg_03.gif');

background-repeat:no-repeat;background-position:center;

}

為background-position屬性提供值有很多方法。首先,可以使用一些關鍵字:top、bottom、left、right和center。通常,這些關鍵字會成對出現,不過也不總是這樣。還可以使用長度值,如100px或5cm,最後也可以使用百分數值。不同類型的值對於背景圖像的放置稍有差異。

6. 如何在HTML中用CSS對圖片進行縮放

可以用css3中「transform: scale()」屬性對圖片進行縮放。

1、新建html文檔,在body標簽中添加一張圖片,給這張圖片設置css屬性,添加「tansform」縮放屬性,屬性值為「scaleX(n)」,搏桐scaleX(n)指的是對寬度進行縮放,n指的是縮放比例:

7. 用visual studio 2005怎麼來實現網頁中圖片的放大放小

這種屬於客戶端技術,應該首先想到用js來實現。這里給你一個滑鼠滾動縮放圖片大小的js來參考:第一個函數圖片載入孝櫻時自動調整大小,防止大圖片撐開網頁(此處為對所有寬大於400的圖片進行自動處友慎灶理),第二個函數實現滑鼠滾動調整圖片大小。將以下代碼復制到記事本另存為.html文件就可以看到效果: //改變圖片大小,防止圖片太大撐好扮開網頁。 function resizepic(thispic) { if(thispic.width>400) thispic.width=400; } //滑鼠滾動無級縮放圖片大小. function bbimg(o) { var zoom=parseInt(o.style.zoom, 10)||100; zoom+=event.wheelDelta/12; if (zoom>0) o.style.zoom=zoom+'%' return false; }

8. 怎麼放大網頁圖片

問題一:網頁圖片如何放大顯示 是你的瀏覽器有問題吧,我打開了你的網頁看了呀,點擊圖片後是大圖呀!非常大要用滾動條才行呀.

問題二:怎麼使網頁圖片按照屏幕大小縮放啊?????? ]@]@]

@Test

********
這樣就好了.
主要是那個display:block;width:100%

問題三:怎樣將網頁視圖放大或縮小 你再下載一個其他的瀏覽器 比如說視窗 360 搜狗 遨遊 .....那個是瀏覽器帶的 換一個瀏覽器試試吧 一台機器上有幾個瀏覽器都不影響使用的

問題四:怎樣態此清才能下載網頁中的這種圖片,我要的是放大之後的圖片 不知道你用什麼瀏覽器帆前,我用的谷歌Chrome瀏覽器,點擊放大之後直接右鍵圖片另存為就行了

問題五:html圖片分配率不高。很小。要怎麼樣才可以扒納放大整個頁面 background-repeat:none;然後就是設置這個background-size即可。
如果不是背景的話,那就直接設置img的size。

問題六:在網上如何把圖片高清晰放大? 呵呵,因為網路傳播技術、用戶帶寬等問題,上傳至網上的圖片都不會很大,基本上都降低了解析度,這樣便於上傳和傳播。除非有些網站是提供個人相片上傳的,比如說QQ空間,雅虎網路相冊這類!還有就是一些圖形圖像類的專業網站!比如桌面圖片類網站!
仁兄所見問題只有一個辦法可以解決,右鍵點擊該圖片,將圖片另存為(比如先存在我們的電腦桌面上),此時此圖片已經被下載到我們的電腦上了。好了,在桌面上雙擊此圖,看看是不是清楚,如果很不清楚,那就沒辦法了!如果有些模糊,那我們可以藉助photoshop這樣的圖形圖像軟體進行適當的處理,也許我們就可以得到一張清楚的圖片了!
你發這個問題的時候,應該把這張圖片的鏈接給大家,我們也欣賞一下,看看圖片質量,然後作定論!
關注該問題中……

問題七:請求網頁設計高手幫忙解決一下在網頁中點擊圖片可放大的代碼怎麼寫? ]@]@]

@圖片放大

function zoomIn(){
此處點擊圖片時會將圖片放大到原來的三倍大小,重復點擊一直放大
var imgNode = document.getElementById(image);
var width = imgNode.width;
var height = imgNode.height;
var width_tmp = width*3;
var height_tmp = height*3;
imgNode.style.width = width_tmp+px;
imgNode.style.height = height_tmp+px;
}

希望可以幫到你

問題八:html 怎麼讓背景圖鋪滿整個頁面 如果是background,一般沒有這么弄的,有個替代方法是把圖片放在標簽內,設置它的寬和高度為100%,
參考:blog.csdn/...705099

問題九:剛在電腦上天貓里買東西網頁圖片就小了怎麼放大 瀏覽器設置裡面有一個縮放,你把他調大就可以了,向上調,可以從50%-200%,你調大比例,圖片就大了!

問題十:怎麼在網頁中實現圖片點擊變大? 1.引用JS

$(function() {
$('.showPic').lightBox();
});

2.在連接中調用,class=showPic是必要的
尺寸:600x600 800x800 1000x1000mm>>

9. 在網頁里點開放大了一張圖片後,怎麼實現隨滑鼠滾輪放大縮小

你用JS設計一下滑鼠的點擊事件,然後實現滑輪的縮放。

10. 怎樣實現asp網頁內圖片縮放

你用window.open新開個窗口

<HTML>
<HEAD>
<TITLE>滑鼠滾輪控制圖片老岩岩大小</TITLE>
<script language="JavaScript">
<!--
//改變圖片大小
function resizepic(thispic)
{
if(thispic.width>700) thispic.width=700;
}
/侍御/無級縮放圖片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>棗升0) o.style.zoom=zoom+'%';
return false;
}
-->
</script>
</HEAD>
<BODY>
<img src='https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif' onMouseWheel="this.style.zoom*= Math.pow(.9,Math.abs(event.wheelDelta)/event.wheelDelta);" onClick="this.style.zoom=1;" style="zoom=1;" />
</BODY>
</HTML>