仿站
仿站首页
关于仿站
仿站项目
网站源码
网站插件
仿站问题
帝国教程
网站优化
[原创][已解决]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
转载请注明本文地址:
[原创][已解决]cms通用使文章图片双击手捏放大缩小自动切换左右滑动的方法
https://mip.ecmsw.cn/ask/303.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.
支持一下
相关问题
帝国CMS7.5版多访问端升级:支持任意切换各端后台,超方便
[求助]移动落地页图片缩放滑动改造方法
仿站网专注于帝国CMS仿站及二次开发、模板定制等各种有关帝国CMS程序疑难杂症!
首页
客服
头部