放大点击大图到点击的坐标
Zooming on click of large image to the coordinates of the click
我有一个大的jpg, 12000px宽,1000px高。我希望使一个网站在50%的页面加载大小的图像,但当用户点击图像一次,它放大到100%,然后在第二次点击,它缩小到原来的大小。
由于图像的大小是如此之大,它需要在页面加载和缩放状态下都是可拖动的。
我一直在玩这个,但代码不是我想要做的。
http://designshack.net/tutorialexamples/jQueryZoom/ZoomTest.html相反,我希望基本上做同样的事情,作为这个网站的缩放状态,减去点击进入缩放状态的步骤。
http://yogasmoga.com/women/run -跳- n -打-作物- 462
如果有人使用过插件,请告诉我。
不要。最简单的——尤其是在做演示的时候——就是只用两张图片。image1。Onclick -> show image2;image2。Onclick -> show image1。
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- UIAutomation放大图像
- 如何在d3.js中返回路径的y坐标
- 在谷歌地图上获取事件的x,y坐标
- 通过ajax将坐标传递到php服务器端,并在处理后检索到javascript
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何在JS Leatflet绘图插件中获取圆的坐标
- 点击(右键点击)使用传单地图库获取图像覆盖的像素坐标
- 如何在d3上的图形中添加放大和缩小按钮
- 如何使用javascript onmouseover缓慢放大图像
- 点击放大图片.JavaScript、CSS和HTML
- 鼠标悬停时如何居中放大背景图像
- 查找带有边框的HTML5 Canvas(点击)事件的坐标
- HTML5获取弧的坐标's结束
- 如何在OpenLayers中获取动态绘制的多边形的坐标
- Mapbox.GL:滚动放大和缩小到自定义地图框地图上的特定坐标
- 放大网格坐标
- 通过Panzoom变换放大时,获取画布单击坐标
- 放大点击大图到点击的坐标
- 如何在使用街景api时获得放大窗格的gps坐标?