• turn.js 图书翻页效果


    今天用turn.js 做图书的翻页效果遇到问题:

    图片路径总是出错

    调了一天,总算调出来了

    我用的thinkphp,其他的不知道是不是一样

    三 个地方要改动:

    1.后台查出地址

    注意的地方:1.地址要完全的

          2.js要用json格式的数据

    $more = M('File')->where(array('id'=>$id))->find();
    $more1 = json_decode($more['more'],true);
      foreach($more1 as $k => $v){
      /*weburl 是网站域名  savepath 是图片存放地址*/
     $v['path'] = C('WEBURL').'/'.$v['savepath'];
     $type = end(explode('.',$v['name']));
     if('jpg' == $type){
          $more2[] = $v;
        }
     }
    $more['more2'] = $more2;
    $more['more3'] = json_encode($more2);
    $this->assign('more',$more);

    2.前台js形成需要的json数据往方法传

    var more = <{$more.more3}>;
        var savepath = new Array();
        var i=1;
        $.each(more, function(e,v){
            savepath[i] = v.path;
            i++;
        });
    missing: function (event, pages) {
        // Add pages that aren't in the magazine
        for (var i = 0; i < pages.length; i++){
        addPage(pages[i], $(this),savepath);
        }
    }

    3.magazine.js要改动

    function addPage(page, book,data) 
    function loadPage(page, pageElement,data)
    
    有好几个地方要改图片路径
    
    img.attr('src', data[page]);
    //img.attr('src', 'pages/' +  page + '.jpg');
  • 相关阅读:
    [Java算法分析与设计]--链式堆栈的设计
    Spring 单例模式和多例模式
    lucene_09_solrj的使用
    lucene_08_solr导入数据库数据
    lucene_07_solr使用IK分词器
    lucene_06_solr域
    lucene_05_solr配置
    lucene_04_解析语法查询
    lucene_03_索引的增删改查
    lucene_02_IKAnalyre
  • 原文地址:https://www.cnblogs.com/lanchar/p/5754280.html
Copyright © 2020-2023  润新知