点击门户文章内容页的图片，是跳转到图片原地址，不知道有没有相应的设置或者代码实现点击图片放大原图 大屏显示 再点击恢复原状
首先，要引入jq库，我测试版本jQuery v2.0.0。
其次，这么写需要有防止$冲突的jq代码<script>jQuery.noConflict();</script>。
然后，再确定引入的zoomify.min.js路径是否正确。
帖子里的图片<img>TAG.html" target="_blank" class="relatedlink">标签是带一些参数的，门户没有。
可以利用网上的一些js来做类似效果。
html- <div class="show-content">
- 文章内容……
- </div>
CSS- <style>.zoomify.zoomed{z-index:9999;position: relative;}.zoomify-shadow{background-color: rgb(0, 0, 0);opacity: 0.5;position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index:800;}</style>
JQ- <script src="{$plugin_path}/static/js/zoomify.min.js"></script>
- <script type="text/javascript">
- jQuery('.show-content img').css('cursor','pointer');
- jQuery('.show-content img').zoomify();
- </script>
补充：
zoomify()本身有一些参数，比如放大开始，放大完成，缩小开始，缩小完成，每一步都可以添加一些效果，详情百度zoomify.min.js。
测试环境：Discuz! X3.4 utf-8，火狐浏览器61.0.1 (64 位)。 |
20483
0
©2015-2022 www.tuyuanma.com 版权所有 Sitemap.xml
提升卡
置顶卡
沉默卡
变色卡
千斤顶
赣公网安备36112102000036号
赣ICP备17001544号-10