今天用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‘);
时间: 2024-10-11 13:27:51