码迷,mamicode.com
首页 > Web开发 > 详细

turn.js 图书翻页效果

时间:2016-08-09 20:33:18      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

今天用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‘);

 

turn.js 图书翻页效果

标签:

原文地址:http://www.cnblogs.com/lanchar/p/5754280.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!