turn.js を使用してページ フリップを表示するときにスクリプトに問題が発生しました。私のページはmysqlデータベースからのもので、json形式で保存し、JavaScriptで配列に解析して、turn.jsで表示します
これが私のコードです:
<body>
<?php
$json_array = Array();
include("setdb.php");
$query="select * from catalogue_page where catalogue_id='5'";
$result=mysql_query($query);
$totalrec=mysql_num_rows($result);
while ($hasil=mysql_fetch_array($result)){
$data= "images/pages/small/".$hasil['img_file_small'];
array_push($json_array, $data);
}
$json_array2 = array();
$query="select * from catalogue_page where catalogue_id='5'";
$result=mysql_query($query);
while ($hasil=mysql_fetch_array($result)){
$data="images/pages/large/".$hasil['img_file_large'];
array_push($json_array2, $data);
}
?>
<div class="magazine-viewport">
<div class="container">
<div class="magazine">
</div>
</div>
</div>
<script type="text/javascript">
var page_image = Array();
var page_image_large = new Array();
page_image = JSON.parse( '<?php echo json_encode($json_array)?>' );
page_image_large = JSON.parse( '<?php echojson_encode($json_array2)?>'
);
......
......
next script from turn.js
</script>
0列からではなく、1列から始まるページを表示するスクリプト
ブラウザの turn.js で、images/pages/small/1_5.jpg ではなく、images/pages/small/2_5.jpg からページを表示します。
私のjson解析は
( '["images\/pages\/small\/1_5.jpg","images\/pages\/small\/2_5.jpg","images\/pages\/small\/3_5.jpg","images\/pages\/small\/4_5.jpg","images\/pages\/small\/5_5.jpg","images\/pages\/small\/6_5.jpg"]' );
0 列はimages\/pages\/small\/1_5.jpg
1 列はimages\/pages\/small\/2_5.jpg
.... 次の列