zoukankan      html  css  js  c++  java
  • 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');
  • 相关阅读:
    halcon三种模板匹配方法
    线阵相机与面阵相机的区别
    完整性检测
    halcon读取一张照片,并转化为灰度图像
    halcon车牌的识别
    HALCON学习之条形码实时扫描
    开关引脚测量
    ip sensor芯片级解决方案
    ip camera芯片级解决方案
    Parallel For Bug in static constructor
  • 原文地址:https://www.cnblogs.com/lanchar/p/5754280.html
Copyright © 2011-2022 走看看