[原创][已解决]cms通用使文章图片双击手捏放大缩小自动切换左右滑动的方法

发布时间:2019-10-12

仿站网>问答 > [原创][已解决]cms通用使文章图片双击手捏放大缩小自动切换左右滑动的方法
之前在论坛发过一篇帖子:http://bbs.phome.net/ShowThread/?threadid=361779&forumid=13,这是百度移动落地页的要求,原理就是使用了fancybox灯箱库,但最重要的是给文章图片包裹上a标签,然后a标签的href等于图片地址,a标签里还要加上data-fancybox="images"和data-caption="",js代码如下:
$(function () {
        $('.wenzhang').find('img').each(function () {
                var _this = $(this);
                var _src = _this.attr("src");
                var _alt = _this.attr("alt");
                _this.wrap('<a data-fancybox="images" href="' + _src + '" data-caption="' + _alt + '"></a>');
        })
})
其中.wenzhang是我调用newstext的容器,详情使用戳:https://www.weiyiqi.net/html/jsjquery/408.html
回复列表
1.
支持下
2.
支持一下
3.
支持下
4.
有人问这个问题,自己顶下
5.
支持下大神,希望能多多分享,小白紧跟其后中
6.
支持一下
7.
支持
8.
支持一下
9.
支持
10.
原帖由 weiyiqi 于 2019-06-19 09:27:43 发表
之前在论坛发过一篇帖子:http://bbs.phome.net/ShowThread/?threadid=361779&forumid=13,这是百度移动落地页的...

我使用的ueditor编辑器 请问代码添加那里
11.
支持一下
12.
支持
13.
支持
14.
支持
15.
支持下
16.
跟编辑器无关,加到模板里文章标签下面
17.
支持下
18.
支持
19.
支持下
20.
支持下
21.
支持一下
22.
支持一下
23.
不错,支持一下
24.
支持一下
25.
支持一下
26.
支持下
27.
支持下
28.
支持下
29.
支持
30.
支持下
31.
网站用了阅读全文,用这方法没展开全文里的图片无效不能使用灯箱效果。把展开全文去掉,灯箱效果里就显示所有图片了,怎么解决
32.
支持一下
33.
不错,找出所有图片,然后加属性
34.
支持一下
35.
支持下
36.
支持
37.
支持一下
仿站网专注于帝国CMS仿站及二次开发、模板定制等各种有关帝国CMS程序疑难杂症!
  • 首页
  • 客服
  • 头部