導航:首頁 > 圖片大全 > images放大圖片如何繼續放大

images放大圖片如何繼續放大

發布時間：2022-10-05 10:10:37

1. 有放大圖片的按鈕，點擊按鈕時無限放大，應該怎麼解決

圖片放大可以用和這個方法，圖片放大後不會失真

第一步，添加需要放大的圖片

2. 網站中圖片放大，隨意拉動的如何做。

樓主你好啊！
你說的
這個不是隨意拖動，這就是從網頁放大的，不用特別設置，可以更改源碼裡面動態的修改height和width屬性

3. 怎樣才能把從網上搜來的圖片放大

把它拉進 PhotoshopCS3裡面，那裡有個工具……在你要放大圖片的那個圖層你單擊滑鼠右鍵，有個能將圖片{轉換成智能對象}點擊它，然後你再按ctrt+t，修改你想要的大小，這樣像素也不會改變

4. 網頁上的圖片點擊放大效果怎麼弄

還是沒有太明白你的意思，希望我的回答能幫助你：
1.你可以用JS改變那張圖片的SRC（路徑）。如：document.getelementbyid("id").src="....";當然路徑里可以帶上圖看的高和寬。這樣來改變你的圖片！
2.就是像你說的，可以Display，來顯示和隱藏。
3.也可以是一個彈出層。裡面引用的一張較大的圖片，這個代碼有點多。如果需要可以發MAIL我（[email protected])
關於頁面圖片沒有變化的問題有可能是你IE緩存的問題。你可以在你的路徑後加上？id=1...
如：http://www.123.com?id=「+Math.random()。這樣並沒有什麼意義只是改一下路徑，不再從緩存里讀已存的資料。

5. HTML實現網頁上圖片放大功能代碼就像新浪微博圖片放大一樣的那種，點一下放大再點一下就變成原來的狀態。

<head>
<bgsound src="路徑" loop="-1">/* ===== 背景音樂 ==== */
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>圖片欣賞</title>
<style type="text/css">
html {
overflow: hidden;
}

body {
margin: 0px;
padding: 0px;
background: #000;
position: absolute;
width: 100%;
height: 100%;
cursor: crosshair;
}

#diapoContainer {
position: absolute;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
background: #222;
overflow: hidden;
}

.imgDC {
position: absolute;
cursor: pointer;
border: #000 solid 2px;
filter: alpha(opacity=90);
opacity: 0.9;
visibility: hidden;
}

.spaDC {
position: absolute;
filter: alpha(opacity=20);
opacity: 0.2;
background: #000;
visibility: hidden;
}

.imgsrc {
position: absolute;
width: 120px;
height: 67px;
visibility: hidden;
margin: 4%;
}

#bkgcaption {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 6%;
background:#1a1a1a;
}
#caption {
position: absolute;
font-family: arial, helvetica, verdana, sans-serif;
white-space: nowrap;
color: #fff;
bottom: 0px;
width: 100%;
left: -10000px;
text-align: center;
}

</style>
<script type="text/javascript">
var xm;
var ym;

/* ==== onmousemove event ==== */
document.onmousemove = function(e){
if(window.event) e=window.event;
xm = (e.x || e.clientX);
ym = (e.y || e.clientY);
}

/* ==== window resize ==== */
function resize() {
if(diapo)diapo.resize();
}
onresize = resize;

/* ==== opacity ==== */
setOpacity = function(o, alpha){
if(o.filters)o.filters.alpha.opacity = alpha * 100; else o.style.opacity = alpha;
}

////////////////////////////////////////////////////////////////////////////////////////////
/* ===== encapsulate script ==== */
diapo = {
O : [],
DC : 0,
img : 0,
txt : 0,
N : 0,
xm : 0,
ym : 0,
nx : 0,
ny : 0,
nw : 0,
nh : 0,
rs : 0,
rsB : 0,
zo : 0,
tx_pos : 0,
tx_var : 0,
tx_target : 0,

/////// script parameters ////////
attraction : 2,
acceleration : .9,
dampening : .1,
zoomOver : 2,
zoomClick : 6,
transparency : .8,
font_size: 18,
//////////////////////////////////

/* ==== diapo resize ==== */
resize : function(){
with(this){
nx = DC.offsetLeft;
ny = DC.offsetTop;
nw = DC.offsetWidth;
nh = DC.offsetHeight;
txt.style.fontSize = Math.round(nh / font_size) + "px";
if(Math.abs(rs-rsB)<100) for(var i=0; i<N; i++) O[i].resize();
rsB = rs;
}
},

/* ==== create diapo ==== */
CDiapo : function(o){
/* ==== init variables ==== */
this.o = o;
this.x_pos = this.y_pos = 0;
this.x_origin = this.y_origin = 0;
this.x_var = this.y_var = 0;
this.x_target = this.y_target = 0;
this.w_pos = this.h_pos = 0;
this.w_origin = this.h_origin = 0;
this.w_var = this.h_var = 0;
this.w_target = this.h_target = 0;
this.over = false;
this.click = false;

/* ==== create shadow ==== */
this.spa = document.createElement("span");
this.spa.className = "spaDC";
diapo.DC.appendChild(this.spa);

/* ==== create thumbnail image ==== */
this.img = document.createElement("img");
this.img.className = "imgDC";
this.img.src = o.src;
this.img.O = this;
diapo.DC.appendChild(this.img);
setOpacity(this.img, diapo.transparency);

/* ==== mouse events ==== */
this.img.onselectstart = new Function("return false;");
this.img.ondrag = new Function("return false;");
this.img.onmouseover = function(){
diapo.tx_target=0;
diapo.txt.innerHTML=this.O.o.alt;
this.O.over=true;
setOpacity(this,this.O.click?diapo.transparency:1);
}
this.img.onmouseout = function(){
diapo.tx_target=-diapo.nw;
this.O.over=false;
setOpacity(this,diapo.transparency);
}
this.img.onclick = function() {
if(!this.O.click){
if(diapo.zo && diapo.zo != this) diapo.zo.onclick();
this.O.click = true;
this.O.x_origin = (diapo.nw - (this.O.w_origin * diapo.zoomClick)) / 2;
this.O.y_origin = (diapo.nh - (this.O.h_origin * diapo.zoomClick)) / 2;
diapo.zo = this;
setOpacity(this,diapo.transparency);
} else {
this.O.click = false;
this.O.over = false;
this.O.resize();
diapo.zo = 0;
}
}

/* ==== rearrange thumbnails based on "imgsrc" images position ==== */
this.resize = function (){
with (this) {
x_origin = o.offsetLeft;
y_origin = o.offsetTop;
w_origin = o.offsetWidth;
h_origin = o.offsetHeight;
}
}

/* ==== animation function ==== */
this.position = function (){
with (this) {
/* ==== set target position ==== */
w_target = w_origin;
h_target = h_origin;
if(over){
/* ==== mouse over ==== */
w_target = w_origin * diapo.zoomOver;
h_target = h_origin * diapo.zoomOver;
x_target = diapo.xm - w_pos / 2 - (diapo.xm - (x_origin + w_pos / 2)) / (diapo.attraction*(click?10:1));
y_target = diapo.ym - h_pos / 2 - (diapo.ym - (y_origin + h_pos / 2)) / (diapo.attraction*(click?10:1));
} else {
/* ==== mouse out ==== */
x_target = x_origin;
y_target = y_origin;
}
if(click){
/* ==== clicked ==== */
w_target = w_origin * diapo.zoomClick;
h_target = h_origin * diapo.zoomClick;
}

/* ==== magic spring equations ==== */
x_pos += x_var = x_var * diapo.acceleration + (x_target - x_pos) * diapo.dampening;
y_pos += y_var = y_var * diapo.acceleration + (y_target - y_pos) * diapo.dampening;
w_pos += w_var = w_var * (diapo.acceleration * .5) + (w_target - w_pos) * (diapo.dampening * .5);
h_pos += h_var = h_var * (diapo.acceleration * .5) + (h_target - h_pos) * (diapo.dampening * .5);
diapo.rs += (Math.abs(x_var) + Math.abs(y_var));

/* ==== html animation ==== */
with(img.style){
left = Math.round(x_pos) + "px";
top = Math.round(y_pos) + "px";
width = Math.round(Math.max(0, w_pos)) + "px";
height = Math.round(Math.max(0, h_pos)) + "px";
zIndex = Math.round(w_pos);
}
with(spa.style){
left = Math.round(x_pos + w_pos * .1) + "px";
top = Math.round(y_pos + h_pos * .1) + "px";
width = Math.round(Math.max(0, w_pos * 1.1)) + "px";
height = Math.round(Math.max(0, h_pos * 1.1)) + "px";
zIndex = Math.round(w_pos);
}
}
}
},

/* ==== main loop ==== */
run : function(){
diapo.xm = xm - diapo.nx;
diapo.ym = ym - diapo.ny;
/* ==== caption anim ==== */
diapo.tx_pos += diapo.tx_var = diapo.tx_var * .9 + (diapo.tx_target - diapo.tx_pos) * .02;
diapo.txt.style.left = Math.round(diapo.tx_pos) + "px";
/* ==== images anim ==== */
for(var i in diapo.O) diapo.O[i].position();
/* ==== loop ==== */
setTimeout("diapo.run();", 16);
},

/* ==== load images ==== */
images_load : function(){
// ===== loop until all images are loaded =====
var M = 0;
for(var i=0; i<diapo.N; i++) {
if(diapo.img[i].complete) {
diapo.img[i].style.position = "relative";
diapo.O[i].img.style.visibility = "visible";
diapo.O[i].spa.style.visibility = "visible";
M++;
}
resize();
}
if(M<diapo.N) setTimeout("diapo.images_load();", 128);
},

/* ==== init script ==== */
init : function() {
diapo.DC = document.getElementById("diapoContainer");
diapo.img = diapo.DC.getElementsByTagName("img");
diapo.txt = document.getElementById("caption");
diapo.N = diapo.img.length;
for(i=0; i<15; i++) diapo.O.push(new diapo.CDiapo(diapo.img[i]));
diapo.resize();
diapo.tx_pos = -diapo.nw;
diapo.tx_target = -diapo.nw;
diapo.images_load();
diapo.run();
}
}

</script>
</head>

<body>

<div id="diapoContainer">
<img class="imgsrc" src="圖片的路徑（相對路徑或絕對路徑）" alt="圖片的注釋（第一張）">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<img class="imgsrc" src="同上" alt="同上">
<div id="bkgcaption">
</div>
<div id="caption">
</div>
</div>
<script type="text/javascript">
/* ==== start script ==== */
function dom_onload() {
if(document.getElementById("diapoContainer")) diapo.init(); else setTimeout("dom_onload();", 128);
}
dom_onload();

</script>

</body>

</html>

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

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

7. 怎麼用js實現圖片點擊時放大，再點擊恢復

用js實現圖片點擊時放大，再點擊恢復的方法：
1、頁面定義區片區域：

<img src="Images/home.jpg" id="Img1" width="118" height="106" border="0">
<img src="Images/machine.jpg" id="Img2" width="118" height="106" border="0">
<img src="Images/title_Mixie.jpg" id="Img3" width="118" height="106" border="0">

2、定義js方法的mouseover和mouseout事件：
$(document).ready(function () {
$('#Img1, #Img2, #Img3').mouseover(function () {
$(this).animate({ width: "122px", height: "110px" }, 100);
});當滑鼠放上去的時候，圖片變大
$('#Img1, #Img2, #Img3').mouseout(function () {
$(this).animate({ width: "118px", height: "106px" }, 100);
});當滑鼠離開的時候，圖片還原為原來的尺寸
});

8. 圖片放大代碼啊.

這個改一下函數就行了，看看能不能達到你想要的效果
<img src="images/2.jpg" id="img_1" onmouseover="letBig(this)" onmouseout="letsmall(this)" style="width:100px;height:100px"><script>function letBig(obj){obj.style.width =parseInt( obj.style.width) * 2 ;obj.style.height =parseInt( obj.style.height) *2;}
function letsmall(obj){obj.style.width =parseInt( obj.style.width)/2 ;obj.style.height =parseInt( obj.style.height)/2;}
</script>

9. Topaz Gigapixel AI如何無損放大修復照片

Topaz Gigapixel AI是一款無損放大修復照片的軟體，它主要運用自動調節、高級插值演算法等技術，進行人為像素補充，放大修復效果十分不錯。

不過這款軟體為英文版，所以很多朋友都不知道如何運用，咱們今天就來簡單了解一下它最基本的功能。

1、首先我們下載安裝好Topaz Gigapixel AI，安裝的時候安裝在除C盤以外的任何盤符都可以。（注意一點，安裝好以後，如果打開提醒升級，選擇NO）

4、這是一張720X613的水果照片，我放大1.5倍至1080X920，我們可以看到修復的效果還是不錯的，原照片比較模糊，修復後邊緣清晰了很多，而且色彩明亮了很多，應用常見還是很多的，關鍵是一鍵操作，比較簡單。

除了上文提到的Topaz Gigapixel AI放大修復軟體，其實PhotoZoom、bigjpg的效果都還算不錯，大家可以對比一下效果，選擇最適合自己的修復軟體。

閱讀全文

與images放大圖片如何繼續放大相關的資料

熱點內容

四百下電影簡介發布：2024-05-08 12:12:59 瀏覽：560

word怎麼把自選圖形合成圖片發布：2024-05-08 12:08:04 瀏覽：159

韓國強奸電影發布：2024-05-08 11:51:12 瀏覽：55

兒童圖片女生可愛圖片發布：2024-05-08 11:42:57 瀏覽：190

怎麼用圖片做鑰匙扣掛件發布：2024-05-08 11:42:55 瀏覽：974

哪裡可以免費看島國片發布：2024-05-08 11:35:44 瀏覽：526

微信怎麼圖片變成表情發布：2024-05-08 11:27:47 瀏覽：468

如何把電腦圖片列印成a4紙發布：2024-05-08 11:27:46 瀏覽：632

韓國大尺度電影都是女的露發布：2024-05-08 11:25:26 瀏覽：62

秀米排版如何縮短圖片發布：2024-05-08 11:22:37 瀏覽：982

可愛童話小熊圖片卡通發布：2024-05-08 11:22:37 瀏覽：225

亞洲美女高清圖片發布：2024-05-08 11:17:30 瀏覽：217

有沒有午夜小電影網址發布：2024-05-08 11:17:25 瀏覽：560

藍色妖姬系男生圖片發布：2024-05-08 11:14:38 瀏覽：965

官網圖片可愛發布：2024-05-08 11:05:45 瀏覽：609

呂賓導演介紹發布：2024-05-08 10:59:28 瀏覽：400

開網店圖片怎麼製作發布：2024-05-08 10:57:17 瀏覽：184

帶文字不了解圖片發布：2024-05-08 10:57:16 瀏覽：502

女生專屬暗號圖片發布：2024-05-08 10:48:33 瀏覽：352

2016年齊肩發型圖片發布：2024-05-08 10:47:08 瀏覽：599