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

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

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

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

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

...全文

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

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

分享188个JS图片效果JS代码，总有一款适合你链接：https://pan.baidu.com/s/1rr6TZYdgTasR3NCE6bBqnA 提取码：6oxy 下面是文件的名字，我放了一些图片，文章里不是所有的图主要是放不下...，大家下载后可以看到。 JS鼠标拖拽图片切换代码 jQuery全屏图片放大缩小代码 JSON动态获取图片切换代码 jQuery图片3D翻转切换代码 HTML5三维布局图片切换代码 swiper.js手机图片滑动切换代码 jQuery标签TAB控制图片切换代码 j.

求一个思路，可否把一个DIV作为整体对象做放大缩小的效果 azt2233 2013-05-08 04:39:45 我已经做到用jquery的hover把IMG的图片做到放大缩小，就是鼠标移动到图片上图片变大鼠标移走后图片变回来。代码应该很多人都见过，很简单。那个col是一个大的DIV的id。现在我想的是如果不是IMG，而是一个DIV呢，这个DIV里面有图片有文字，然后这个DIV还有background属性。我想做到复数的长方形DIV一行行排下来，然后鼠标移动到一个DIV就按照比例变大，离开就变回去，

网上已经有不少成熟的图片查看器插件，如果是单纯想要点击图片放大预览的话，可以直接使用插件。例如viewerjs 但是，当打开图片后还需要对图片进行一些像删除、下载、标记等业务层面上的操作，使用插件就显得不那么便捷，于是决定自己简单写个图片查看器思路：项目中用的是vue+iview，于是使用Modal弹窗组件做为播放器的盒子，考虑需要用到的基本功能有：放大、缩小、拖拽、全屏查看、查看上/下一张、双击图片回到初始大小和初始位置完成效果如图：代码大致思路如下： html部分： <Modal id="

PC端：首先文件引入： html代码： <div class="container"> <div class="image-set"> <ul> <li> ...

插件描述：PinchZoom.js是一个Javript库，提供多点触摸手势缩放和拖动任何DOM元素。注意请在移动端查看效果使用要求jQuery or Zepto.ECMA 5 support初始化newPinchZoom($('#your-element'),options);选项tapZoomFactor:Thezoomfactoradoubletapzoomsto...

87,988

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章