求个图片左右切换双击放大缩小的JS效果

咕嘿嘿poi 2021-06-12 14:44:38

和https://sc.chinaz.com/jiaobendemo.aspx?downloadid=1820193264062这里的类似。

本来想用那里的效果，但是修改的时候发现如果这个效果在页面中同时出现多个会导致全部折叠重合了，试着改了下没有改成。

所以要求是可以在一个页面重复出现多次的，最好手机页面双击也是可以放大缩小的

...全文

906 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

分享了188个JavaScript（包括jQuery）实现的图片效果代码，涵盖图片切换、放大缩小、3D翻转、滤镜应用、手机端滑动等多种特效，适用于网站开发和图片展示交互设计。

探讨如何使用CSS3实现一个DIV元素及其内容（包括图片和文字）在鼠标悬停时按比例放大，离开时恢复原状的效果。论坛用户讨论了通过jQuery处理IMG放大缩小以及使用CSS的zoom属性来尝试实现DIV的放大效果。

本文介绍了一款基于Vue和iView的自定义图片查看器，不仅具备基本的图片预览功能，还提供了图片放大缩小、鼠标滚轮缩放、拖拽、全屏查看、上/下一张切换、双击还原等功能，以及业务层面的图片裁剪、下载、标记、删除操作。

本文介绍了一种使用MagnifyJS在PC端实现图片放大的方法，通过HTML与JavaScript代码展示了如何设置图片集及配置插件参数。同时，文章还分享了手机端图片预览的实现方式，利用MUI框架进行初始化与图片预览功能的调用，支持双击放大缩小及左右切换。

本文介绍PinchZoom.js，一款用于实现移动端DOM元素多点触控缩放和拖动的JavaScript库。关键配置包括双击缩放比例、最小和最大缩放等级，以及锁定拖动轴等。此外，文章还涵盖了初始化方法、事件和方法的详细说明。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章