当前位置: 首页 > 工具软件 > zrtZoom > 使用案例 >

使用zrtZoom放大旋转图片(笔记)

朱风史
2023-12-01

http://download.csdn.net/detail/u013299830/9741121(插件下载)

基本使用

1.引入css、js

2.给需要使用功能的img添加class="artZoom"

注意事项

img占用的块需要外层宽高,可以使用相对定位

比如:

<div>

    <div>标题</div>

    <div>

        <span>图片标题</span>

        <img  class="artZoom" src="xxxxxx"/>

    </div>

</div>


如果最外层div设置宽高,那么放大的图片不会超过div的宽高,如果img的父级div也设置了宽高那么不会超过父级的div宽高

img宽高<=父级宽高<=最外层宽高

想实现查看图片大图的功能,建议单独使用一个div包含img相对定位显示

<body>

页面样式。。。。。。

<div style="position:relative;">

    <img class="artZoom"/>

</div>

</body>

最后说一句,我TM是写后台服务接口的,阿西吧!!!!!,居然让我弄页面

 类似资料: