dedecms图集第一张和最后一张跳转上一篇下一篇方法

时间:2020-05-10 02:01:28 来源:织梦系统 作者:烈火大地 点击:
摘要:dedecms图集的第一张和最后一张图片,弹出提示并自动跳转到上一篇和下一篇,有利于用户体验和SEO优化的方法,上一图集下一图集自动跳转……

直接修改图集详情页模板,打开根目录templates/default/article_image.html文件

一、第一张图跳转到上一图集

搜索代码:

alert("这是第一页");

将上面的代码替换为如下代码:

alert("这是第一页,点确定进入上一个相册!");
window.location.href="{dede:prenext get='pro' runphp="yes"}
preg_match_all('/<a.*?(?: |\t|\r|\n)?href=['"]?(.+?)['"]?(?:(?: |\t|\r|\n)+.*?)?>(.+?)</a.*?>/sim', @me, $strResult, PREG_PATTERN_ORDER);@me=$strResult[1][0];
{/dede:prenext}";

当用户点击图集第一张图片就弹出提示,点击“确定”按钮页面就会自动跳转到上一个图片页面,上一个图集也就是上一篇。

二、最后一张图片跳转下一图集

搜索代码:

if(npage==totalpage) { alert("没有了哦"); }

将上面的代码替换为:

if(npage==totalpage) {
alert("该相册已阅完!将自动为您跳转到下一个相册");
window.location.href="{dede:prenext get='next' runphp='yes'}
preg_match_all('/<a.*?(?: |\t|\r|\n)?href=['"]?(.+?)['"]?(?:(?: |\t|\r|\n)+.*?)?>(.+?)</a.*?>/sim', @me, $strResult, PREG_PATTERN_ORDER);@me=$strResult[1][0];
{/dede:prenext}";
}

这样当用户点击图集最后一张图片时,就会先弹出这个提示,点“确定”之后页面制动调转到下一个图集,下一篇自动跳转感觉还是很好的。

(责任编辑:陆柏熺)
相关分类: 图集
评价:
用户名: 验证码: 看不清?点击更换

相关内容推荐

关注站长自媒体 获取更多优质内容

2019-2020 ©巅峰霸主网 京ICP备12023415号-2
返回顶部