当前位置:首页 » 图片资讯 » 网站图片缩放怎么实现
扩展阅读
美女健身跳河视频 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>