You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
8.6 KiB
124 lines
8.6 KiB
{template 'header'}
|
|
<script type="text/javascript">var module_id= {$moduleid},item_id={$itemid},content_id='content',img_max_width={$MOD[max_width]};</script>
|
|
<div class="m">
|
|
<div class="nav"><span class="f_r"><a href="{$MOD[linkurl]}{rewrite('view.php?itemid='.$itemid)}#p" class="b">全部展开</a></span><a href="{$MODULE[1][linkurl]}">首页</a> <i>></i> <a href="{$MOD[linkurl]}">{$MOD[name]}</a> <i>></i> {cat_pos($CAT, ' <i>></i> ')}</div>
|
|
<div class="b16"></div>
|
|
</div>
|
|
<div class="m" style="background:#fff;overflow: hidden;">
|
|
<h1 class="title" id="title">{$title}</h1>
|
|
<div class="info"><span class="f_r">共{$items}页</span>
|
|
日期：{$adddate}
|
|
{if $MOD[hits]}点击：<span id="hits">{$hits}</span> {/if}
|
|
{if $could_comment}<a href="{$EXT[comment_url]}{rewrite('index.php?mid='.$moduleid.'&itemid='.$itemid)}">评论：{$comments}</a> {/if}
|
|
</div>
|
|
<div class="b20"></div>
|
|
</div>
|
|
<div class="m" style="background:#fff;overflow: hidden;">
|
|
<script type="text/javascript" src="{DT_PATH}api/booklet/jquery.easing.1.3.js?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"></script>
|
|
<script type="text/javascript" src="{DT_PATH}api/booklet/jquery.booklet.1.1.0.min.js?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"></script>
|
|
<link rel="stylesheet" type="text/css" href="{DT_PATH}api/booklet/jquery.booklet.1.1.0.css?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"/>
|
|
<link rel="stylesheet" type="text/css" href="{DT_PATH}api/booklet/ebook.css?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"/>
|
|
<div class="book_wrapper">
|
|
<a id="next_page_button"></a>
|
|
<a id="prev_page_button"></a>
|
|
<div id="loading" class="loading">Loading pages...</div>
|
|
<div id="mybook" style="display:none;">
|
|
<div class="b-load">
|
|
{loop $T $k $t}
|
|
<div>
|
|
<img src="{$t[big]}" title="{$t[introduce]}" alt=""/>
|
|
</div>
|
|
{/loop}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
var $mybook = $('#mybook');
|
|
var $bttn_next = $('#next_page_button');
|
|
var $bttn_prev = $('#prev_page_button');
|
|
var $js_loading = $('#loading');
|
|
var $mybook_images = $mybook.find('img');
|
|
var cnt_images = $mybook_images.length;
|
|
var loaded = 0;
|
|
//preload all the images in the book,
|
|
//and then call the booklet plugin
|
|
|
|
$mybook_images.each(function(){
|
|
var $img = $(this);
|
|
var source = $img.attr('src');
|
|
$('<img/>').load(function(){
|
|
++loaded;
|
|
if(loaded == cnt_images){
|
|
$js_loading.hide();
|
|
$bttn_next.show();
|
|
$bttn_prev.show();
|
|
$mybook.show().booklet({
|
|
name: null, // name of the booklet to display in the document title bar
|
|
width: 1200, // container width
|
|
height: 500, // container height
|
|
speed: 600, // speed of the transition between pages
|
|
direction: 'LTR', // direction of the overall content organization, default LTR, left to right, can be RTL for languages which read right to left
|
|
startingPage: 0, // index of the first page to be displayed
|
|
easing: 'easeInOutQuad', // easing method for complete transition
|
|
easeIn: 'easeInQuad', // easing method for first half of transition
|
|
easeOut: 'easeOutQuad', // easing method for second half of transition
|
|
|
|
closed: false, // start with the book "closed", will add empty pages to beginning and end of book
|
|
closedFrontTitle: null, // used with "closed", "menu" and "pageSelector", determines title of blank starting page
|
|
closedFrontChapter: null, // used with "closed", "menu" and "chapterSelector", determines chapter name of blank starting page
|
|
closedBackTitle: null, // used with "closed", "menu" and "pageSelector", determines chapter name of blank ending page
|
|
closedBackChapter: null, // used with "closed", "menu" and "chapterSelector", determines chapter name of blank ending page
|
|
covers: false, // used with "closed", makes first and last pages into covers, without page numbers (if enabled)
|
|
|
|
pagePadding: 10, // padding for each page wrapper
|
|
pageNumbers: true, // display page numbers on each page
|
|
|
|
hovers: false, // enables preview pageturn hover animation, shows a small preview of previous or next page on hover
|
|
overlays: false, // enables navigation using a page sized overlay, when enabled links inside the content will not be clickable
|
|
tabs: false, // adds tabs along the top of the pages
|
|
tabWidth: 60, // set the width of the tabs
|
|
tabHeight: 20, // set the height of the tabs
|
|
arrows: false, // adds arrows overlayed over the book edges
|
|
cursor: 'pointer', // cursor css setting for side bar areas
|
|
|
|
hash: false, // enables navigation using a hash string, ex: #/page/1 for page 1, will affect all booklets with 'hash' enabled
|
|
keyboard: true, // enables navigation with arrow keys (left: previous, right: next)
|
|
next: $bttn_next, // selector for element to use as click trigger for next page
|
|
prev: $bttn_prev, // selector for element to use as click trigger for previous page
|
|
|
|
menu: null, // selector for element to use as the menu area, required for 'pageSelector'
|
|
pageSelector: false, // enables navigation with a dropdown menu of pages, requires 'menu'
|
|
chapterSelector: false, // enables navigation with a dropdown menu of chapters, determined by the "rel" attribute, requires 'menu'
|
|
|
|
shadows: true, // display shadows on page animations
|
|
shadowTopFwdWidth: 166, // shadow width for top forward anim
|
|
shadowTopBackWidth: 166, // shadow width for top back anim
|
|
shadowBtmWidth: 50, // shadow width for bottom shadow
|
|
|
|
before: function(){}, // callback invoked before each page turn animation
|
|
after: function(){} // callback invoked after each page turn animation
|
|
});
|
|
}
|
|
}).attr('src',source);
|
|
});
|
|
|
|
});
|
|
</script>
|
|
<div class="m" style="background:#fff;overflow: hidden;">
|
|
{if $CP}{template 'property_show', 'chip'}{/if}
|
|
{if $content}<div class="content c_b" id="content">{$content}</div>{/if}
|
|
<div class="tool">
|
|
{if $MOD[likes]}<i class="like" onclick="Dlike({$moduleid}, {$itemid}, 0);">点赞 <b id="like-{$moduleid}-{$itemid}-0">{$likes}</b></i>{/if}
|
|
{if $MOD[likes]}<i class="hate" onclick="Dhate({$moduleid}, {$itemid}, 0);">反对 <b id="hate-{$moduleid}-{$itemid}-0">{$hates}</b></i>{/if}
|
|
<i class="report" onclick="Dreport({$moduleid}, {$itemid}, 0);">举报 <b>{$reports}</b></i>
|
|
<i class="favorite" onclick="Dfavor({$moduleid}, {$itemid});">收藏 <b>{$favorites}</b></i>
|
|
{if $MOD[fee_award]}<a href="{$MODULE[2][linkurl]}award.php?mid={$moduleid}&itemid={$itemid}" target="_blank"><i class="award">打赏 <b>{$awards}</b></i></a>{/if}
|
|
{if $could_comment}<a href="{$EXT[comment_url]}{rewrite('index.php?mid='.$moduleid.'&itemid='.$itemid)}" target="_blank"><i class="comment">评论 <b>{$comments}</b></i></a>{/if}
|
|
<a href="{DT_PATH}api/share.php?mid={$moduleid}&itemid={$itemid}" target="_blank"><i class="share">分享 <b>{$shares}</b></i></a>
|
|
</div>
|
|
<div class="head-txt"><span><a href="{$MOD[linkurl]}{$CAT[linkurl]}">更多<i>></i></a></span><strong>推荐{$MOD[name]}</strong></div>
|
|
<div class="list-img list0" id="prec"><!--{tag("moduleid=$moduleid&condition=status=3 and open=3 and level>0 and items>0&catid=$catid&order=".$MOD[order]."&width=180&height=135&datetype=3&pagesize=6&template=list-photo")}--></div>
|
|
</div>
|
|
{if $content}<script type="text/javascript" src="{DT_STATIC}file/script/content.js?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"></script>{/if}
|
|
{template 'footer'}
|