评论：html5手机端网页电子书翻页特效  [查看原文]

所属分类：媒体,其他-图片展示,杂项

 78790  770  108
当前第2页 / 共4页
    。0
    2020/6/30 16:59:09
    完全看不懂 全在js里 回复
    乔峰0
    2020/5/9 15:13:26
    怎样实现图片懒加载，或者是预加载，现在是一次把图片全部加载出来了，太影响性能了
        乔峰0
        2020/5/9 16:31:10
        突然发现已经做了懒加载和预加载，系统页弄明白了，等有时间把配置文件说明弄出来
        a1649472970
        2020/5/19 17:59:04
        老哥 ，我用电脑端打开页面有声音，用手机打开偶尔才有翻页声音 大部分时间是没有的 ，请问这个可以解决么
        飞过海0
        2020/5/22 12:20:07
        我也遇到了这个问题，请问你解决了吗？
        私はあなたの0
        2021/12/6 17:31:31
        老哥，你那个配置说明有没有弄出来呀
    回复
    zhhwilliam0
    2020/3/14 10:33:40
    怎么把图片改为pdf
        白日梦想家0
        2022/12/5 13:32:29
        解决了吗？
    回复
    天府航空学院－何老师0
    2020/3/2 15:03:44
    请问怎么PC上有声音，手机上打开就没有声音了呢？哪位大神能帮忙解决一下呢
        西瓜0
        2020/3/2 16:58:39
        我这里安卓手机测试有翻书的声音
        a1649472970
        2020/5/19 17:59:25
        我也一样 解决了么
    回复
    诺、言0
    2020/2/27 15:06:38
    怎么去掉页面刚加载时的效果呢，我想让他直接出现图片展示 回复
    淡然的回忆╂0
    2019/7/9 11:04:12
    这不是源码吧，东西都在main.js ，打包后的文件，这怎么用
        淡然的回忆╂3
        2019/7/11 16:16:19

        搞了一天终于整明白了，实现了ajax 改变数据...
        以后领导说要实现这种效果，就说显现不来，太难啦 --
        分享下，
        改变总页码、图片路径都在config.js
        改变页码总页数  bookConfig.totalPageCount
        图片路径 bookConfig.normalPath = "";
        菜单列表图片路径 bookConfig.thumbPath = "";
        调出分页事件
        main.js

        this.enterOption && window.clearTimeout(this.enterOption);
global.phoneGotoPagePanel.showOrHide();

        菜单事件
        main.js

        this.enterOption && window.clearTimeout(this.enterOption);
thumbnail.showOrHide();

        去除水印搞个样式就ok啦

        <style>
  .cr{
     display: none;
  }
</style>

        控制页码内容变化的函数

        setCurrentIndexTextField = function(){}

        改变图片后缀，把".png" 改成自己想要的东西，空字符串也行

        getFileFormat = function (b) {
    //图片名字的后缀
   return !passwardType() || !bookConfig.excludeFrontPages || b <= parseInt(bookConfig.excludeFrontPages) ? ".png" : ".js"
},

        想改变图片的名字，看这个函数吧，默认是将图片从1开始的

        fillPage: function (b, c,p) {}
        淡然的回忆╂1
        2019/7/25 10:39:56
        thumbnail.hideBox(); //隐藏菜单
global.phoneGotoPagePanel.hide(); //隐藏分页
        a1649472970
        2020/5/19 17:59:45
        老哥 ，我用电脑端打开页面有声音，用手机打开偶尔才有翻页声音 大部分时间是没有的 ，请问这个可以解决么
        ?? Dynamic0
        2020/7/28 9:39:57
        我放入新的图片要怎么弄啊？
        一半争 一半退0
        2020/12/7 17:55:17
        前辈们，怎么能从服务器拿图片，求指点！
        Evolution0
        2021/7/21 14:22:51
        ajax 咋实现啊
        私はあなたの0
        2021/12/2 17:27:35
        老哥，我想问一下怎么让左右两个箭头在移动设备下不消失呀
        0
        2022/7/1 22:27:40
        老哥，我想问一下，横向的图片怎么解决，缩放有问题
    回复
    A宏铝建材＆铝板幕墙天花厂0
    2019/6/25 23:47:57
    改了几个小时，实现了图片七牛云。
        A宏铝建材＆铝板幕墙天花厂0
        2019/6/25 23:48:56
        哪位大神给加一个全屏按钮，就完美了。
        areyouOk0
        2019/6/26 1:13:28

        这个不难吧，下面代码自己加进去就行了。

        <html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<div id="container" style="position: fixed;top:30px;left: 30px ">
　　　　<div id="content" >
　　　　<button id="btn">全屏</button>
　　　　<button id="close">退出</button>
　　　　</div>
　　</div>
</body>
<script language="JavaScript">
var btn = document.getElementById("btn");
btn.onclick = function () {
　　var elem = document.getElementById("content");
　　requestFullScreen(elem);
};
 
var close = document.getElementById("close");
close.onclick = function () {
exitFullscreen();
};
 
function requestFullScreen(element) {
　　var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
　　if (requestMethod) {
　　　　requestMethod.call(element);
　　} else if (typeof window.ActiveXObject !== "undefined") {
　　　　var wscript = new ActiveXObject("WScript.Shell");
　　　　if (wscript !== null) {
　　　　　　wscript.SendKeys("{F11}");
　　　　}
　　}
}
 
function exitFullscreen() {
　　if (document.exitFullscreen) {
　　　　document.exitFullscreen();
　　} else if (document.msExitFullscreen) {
　　　　document.msExitFullscreen();
　　} else if (document.mozCancelFullScreen) {
　　　　　　document.mozCancelFullScreen();
　　} else if (document.webkitExitFullscreen) {
　　　　　　document.webkitExitFullscreen();
　　}
}
 
</script>
</html>
        淡然的回忆╂0
        2019/7/10 12:03:42
        老哥 ，怎么实现的 走ajax 用自己的图片
        夏天0
        2022/8/8 11:40:12
        大哥，你是怎么实现远程图片的？能分享一下方法吗
    回复
    程程0
    2019/5/6 11:42:07
    海纳百川0
    2019/3/7 16:39:25
    小C0
    2018/12/24 15:15:11
    其他的改改代码，我还能忍受，加载图片这个我无语了，居然是从1开始排列的，哈哈哈哈 回复
    荥仝酆轫0
    2018/12/13 16:50:40
    这个能做成在PC某个区域内翻阅吗？不要全屏的 回复
    ?2
    2018/10/17 12:04:25

    取消logo图的方法:
    main.js中:

    eval(function(b, c, d, f, g, h) {
    g = function(b) {
        return (b < c ? "" : g(parseInt(b / c))) + (35 < (b %= c) ? String.fromCharCode(b + 29) : b.toString(36))
    };
    if (!"".replace(/^/, String)) {
        for (; d--;) h[g(d)] = f[d] || g(d);
        f = [function(b) {
            return h[b]
        }];
        g = function() {
            return "\\w+"
        };
        d = 1
    }
    for (; d--;) f[d] && (b = b.replace(RegExp("\\b" + g(d) + "\\b", "g"), f[d]));
    let b1 = b.replace(`demoBar=$("<div></div>")`, `demoBar=$("<div id='zjh_logo'></div>")`); //使用样式控制显示隐藏
    return b1
}("3 1;3 N=7(){3 a=u;1=$(\"<8></8>\");1.4({B:'X',U:'T',h:'9','Q-o':'#D','A':0.5,'z-s':10,'-r-k-j':'f','-t-k-j':'f','k-j':'f'});3 b=$(\"<v />\");b.4({h:'9',g:'w',i:'f'});3 c=$(\"<8></8>\");c.4({h:'9',g:'x',i:'y'});3 d=$(\"<l>\"+C+\"</l>\");3 e=$(\"<a E='\"+a+\"' F='G'>\"+a+\"</a>\");e.4({h:'9',g:'H',i:'I'});d.4({'q-J':'K',o:'#L'});M.6(1);1.6(c);c.6(d);c.6(e);$.O.P(1,{n:7(){1.4({g:(R-S)/2+'p',i:(V-W)/2+'p'})},m:7(){b.Y(7(){1.6(b)});b.Z({11:12+'13.14'})}});1.m();1.n()};", 62, 67, " demoBar  var css  append function div absolute      5px top position left radius border span loadImg setDemoPosition color px font moz index webkit homePage img 10px 13px 65px  opacity width productName cccccc href target _blank 25px 0px size 15px 333333 tmpContainer initDemoBar fn extend background windowHeight 70 70px height windowWidth 305 305px load attr  src uiBaseURL demo png".split(" "), 0, {}));

    这一段是生成logo图函数,
    它返回的b是一个变量跟一段函数,
    函数中生成了logo图,可以直接字符串替换这个函数内容达到隐藏logo,我是直接给加了一个id然后隐藏id

        李晓飞0
        2018/12/14 9:39:57
        效果不错
    回复
    Kin0
    2018/10/16 13:34:35
    怎么做ajax交互？就这垃圾插件还要收JQB？ 回复
    收D母0
    2018/10/11 9:54:35
    曾0
    2018/9/25 15:34:10
    想知道哪里修改图片，不是按照原有默认显示的123456等命名的图片。而是改成显示自己命名的图片 回复

讨论这个项目（108）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复