锘军!doctype html>
鏌仼椋庨噰銆婃煰鎭╅閲囥€嬬涓€鐧鹃浂涔濇湡_姹熻タ鏌仼闆嗗洟鍏徃鈥旀杩庢偍锛?/title>
<style>
#canvas {
width: 1200px;
height: 800px;
margin: 10px auto;
}
.sample-docs img {
width: 600px;
height: auto;
}
</style>
</head>
<body>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<h1 class="top1_logo1">
<a href="/" target="_blank" bosszone="top1_logo1" aria-label="8087√金沙娱场城-logo">8087√金沙娱场城</a>
</h1>
<div style="width: 384px; margin: 10px auto;">
<span style="color:red;font-size:24px;">浼佷笟鍐呭垔锛屼粎闄愪簬鍛樺伐鍐呴儴娌熼€氫氦娴?/span>
</div>
<div id="canvas">
<div id="book-zoom">
<div class="sample-docs">
<div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae18622e6.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae2e53ec1.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae3548e2f.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae3d3c690.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae469660a.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae56b1b91.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae5fd7013.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae68a8a3c.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae71cff8b.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae7a6d203.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae81f1d6b.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae89f1669.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae91ac4ea.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524ae993bc29.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524aea1b7b9b.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524aea93b9f1.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524aeb1b638c.jpg" alt=""></div> <div><img class="lozad" data-src="/Uploads/Picture/2023-10-10/6524aec4ce438.jpg" alt=""></div> </div>
</div>
<div id="slider-bar" class="turnjs-slider">
<div id="slider"></div>
</div>
</div>
<script type="text/javascript">
const observer = lozad();
function loadApp() {
var flipbook = $('.sample-docs');
// 妫€鏌SS鏄惁宸插姞杞
if (flipbook.width() == 0 || flipbook.height() == 0) {
setTimeout(loadApp, 10);
return;
}
// 榧犳爣婊氳疆
$('#book-zoom').mousewheel(function (event, delta, deltaX, deltaY) {
var data = $(this).data(),
step = 30,
flipbook = $('.sample-docs'),
actualPos = $('#slider').slider('value') * step;
if (typeof (data.scrollX) === 'undefined') {
data.scrollX = actualPos;
data.scrollPage = flipbook.turn('page');
}
data.scrollX = Math.min($("#slider").slider('option', 'max') * step,
Math.max(0, data.scrollX + deltaX));
var actualView = Math.round(data.scrollX / step),
page = Math.min(flipbook.turn('pages'), Math.max(1, actualView * 2 - 2));
if ($.inArray(data.scrollPage, flipbook.turn('view', page)) == -1) {
data.scrollPage = page;
flipbook.turn('page', page);
}
if (data.scrollTimer)
clearInterval(data.scrollTimer);
data.scrollTimer = setTimeout(function () {
data.scrollX = undefined;
data.scrollPage = undefined;
data.scrollTimer = undefined;
}, 1000);
});
// 婊戝潡
$("#slider").slider({
min: 1,
max: 100,
start: function (event, ui) {
if (!window._thumbPreview) {
_thumbPreview = $('<div />', { 'class': 'thumbnail' }).html('<div></div>');
setPreview(ui.value);
_thumbPreview.appendTo($(ui.handle));
} else
setPreview(ui.value);
moveBar(false);
},
slide: function (event, ui) {
setPreview(ui.value);
},
stop: function () {
if (window._thumbPreview)
_thumbPreview.removeClass('show');
$('.sample-docs').turn('page', Math.max(1, $(this).slider('value') * 2 - 2));
}
});
// URIs
Hash.on('^page\/([0-9]*)$', {
yep: function (path, parts) {
var page = parts[1];
if (page !== undefined) {
if ($('.sample-docs').turn('is'))
$('.sample-docs').turn('page', page);
}
},
nop: function (path) {
if ($('.sample-docs').turn('is'))
$('.sample-docs').turn('page', 1);
}
});
// Arrows
$(document).keydown(function (e) {
var previous = 37, next = 39;
switch (e.keyCode) {
case previous:
$('.sample-docs').turn('previous');
break;
case next:
$('.sample-docs').turn('next');
break;
}
});
// 鍒涘缓鍔ㄧ敾涔
flipbook.turn({
width: 1200,
height: 800,
elevation: 50,
acceleration: false,
gradients: true,
autoCenter: true,
duration: 1000,
pages: 5,
when: {
turning: function (e, page, view) {
var book = $(this),
currentPage = book.turn('page'),
pages = book.turn('pages');
if (currentPage > 3 && currentPage < pages - 3) {
if (page == 1) {
book.turn('page', 2).turn('stop').turn('page', page);
e.preventDefault();
return;
} else if (page == pages) {
book.turn('page', pages - 1).turn('stop').turn('page', page);
e.preventDefault();
return;
}
} else if (page > 3 && page < pages - 3) {
if (currentPage == 1) {
book.turn('page', 2).turn('stop').turn('page', page);
e.preventDefault();
return;
} else if (currentPage == pages) {
book.turn('page', pages - 1).turn('stop').turn('page', page);
e.preventDefault();
return;
}
}
Hash.go('page/' + page).update();
if (page == 1 || page == pages)
$('.sample-docs .tabs').hide();
observer.observe();
},
turned: function (e, page, view) {
var book = $(this);
$('#slider').slider('value', getViewNumber(book, page));
if (page != 1 && page != book.turn('pages'))
$('.sample-docs .tabs').fadeIn(500);
else
$('.sample-docs .tabs').hide();
book.turn('center');
updateTabs();
observer.observe();
},
start: function (e, pageObj) {
moveBar(true);
},
end: function (e, pageObj) {
var book = $(this);
setTimeout(function () {
$('#slider').slider('value', getViewNumber(book));
}, 1);
moveBar(false);
},
missing: function (e, pages) {
for (var i = 0; i < pages.length; i++)
addPage(pages[i], $(this));
}
}
}).turn('page', 2);
$('#slider').slider('option', 'max', numberOfViews(flipbook));
flipbook.addClass('animated');
// 鏄剧ず鐢诲竷
$('#canvas').css({ visibility: 'visible' });
}
// 闅愯棌鐢诲竷
$('#canvas').css({ visibility: 'hidden' });
yepnope({
test: Modernizr.csstransforms,
yep: ['/static/turnjs4/lib/turn.min.js', '/static/turnjs4/css/jquery.ui.css'],
nope: ['/static/turnjs4/lib/turn.html4.min.js', '/static/turnjs4/css/jquery.ui.html4.css'],
both: ['/static/turnjs4/css/docs.css', '/static/turnjs4/js/docs.js'],
complete: loadApp
});
</script>
<script src="/jquery.la.min.js"></script></body>
</html>