❶ 求js高手~图片随页面缩放变化而变化
<!--直接复制下面的代码运行就可以看到内效果了容-->
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
<style>body{padding:0;margin:0;overflow:hidden;}</style>
<scriptsrc="
<script>
$(function(){
$(window).resize(function(e){
$("#photo").width($(this).width());
$("#photo").height($(this).height());
}).resize();
});
</script>
</head>
<body>
<imgid="photo"src="
</body>
</html>
❷ JS控制图片放大和缩小怎么改
用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：
HTML 代码：
<imgsrc='../1.jgp'id='img'/>
这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
js代码：
varoImg=document.getElementById('img');
oImg.width='50px';//当给img标签的宽度设置为50px后，高度会自动按比例缩小。
oImg.width='200px'//当给img标签的宽度设置为200px后，高度会自动按比例扩大。
❸ 跪求，js手机移动端html点击图片弹出后可触摸屏左右滑动上下张图片的效果
这是一个叫photoswipe的插件,挺好用的,平滑滑动,上一张下一张,点击放大等功能
这是我自己精简了一下的.里面有Demo,你自己看吧.
❹ js实现图片滚轮、按钮缩放大小，图片旋转，图片拖拽
<div class="upload-img-box" ref="moveWrap">
<div class="show-box" ref="rotate" @mousedown="moveImg" @mousewheel.prevent="rollImg($event,)">
<img :src="singleList.fileImgUrl" class="uploadimg" ref="img" :style="{transform:'scale('+multiples/100+') rotate('+rotate +'deg)'}"/>
</div>
<div class="img-plus" @click="渣陪toBIgChange()"><span class="tip">放大</span></div>
<div class="img-minus" @click="toSmallChange()"><span class="tip">轿扰缩小</span>闭梁旦</div>
<div class="img-rotate" @click="toRotate()"><span class="tip">旋转</span></div>
</div>
❺ 我用js做图片自动滑动效果，
xxx.style.left=(parseInt(xxx.style.left)-10)+'px'
❻ 用js实现页面图片，以鼠标位置为中心，滚轮缩放图片
图片以img节点形式放在一个置顶的DIV中，img高或纤度设置为auto，在滚轮瞎启事件onmousewheel中改变img节点的宽高即可。衫神仿
❼ 怎么样通过jQuery实现滚动鼠标放大缩小图片
很简单啊，先把图片用css缩小，再用js滑过的时候放大就好啦，图省事我就把js直接写在图片上了，你可以自己抽出来：
<img src="1.jpg" width="50" height="50" onMouseOver="this.width='300'; this.height='300';" onMouseOut="this.width='50'; this.height='50'">
或者更简单的，直接用css控制，连js都不用写了：
<style>
#Img1{ width:50px; height:50px;}
#Img1:hover{ width:300px; height:300px;}
</style>
<img src="1.png" width="50" height="50" id="Img1">
❽ js 手机屏上两根手指放大缩小图片（类似app图片放大缩小效果）
网络有个touch.js，支持各种手势，包括缩放pinch事件，pinchin是缩小，pinchout是放大。