[英]What is the best way to create an array of all images found in a string?
[英]What is the best way to include all images from folder in array?
我已經為我的網站下載了一個pdf查看器(參見: http : //codecanyon.net/item/real-3d-flipbook-jquery-plugin/4281720 ),我對此有疑問。
我想在這本翻書中增加大約60-70頁,但我不知道如何做到這一點。 我嘗試了幾種我在互聯網上找到的解決方案,但我無法讓它工作。 這是代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PDF flipbook</title>
<link rel="stylesheet" href="./source/css/flipbook.style.css">
<link rel="stylesheet" href="./source/css/font-awesome.css">
<link rel="stylesheet" href="./source/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript" src="./source/js/flipbook.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var options = {
pages:[
{ src: "./source/pages/1.jpg", thumb: "./source/pages/1thumb.jpg", title:"Page 1"},
{ src: "./source/pages/2.jpg", thumb: "./source/pages/2thumb.jpg", title:"Page 2"},
{ src: "./source/pages/3.jpg", thumb: "./source/pages/3thumb.jpg", title:"Page 3"},
{ src: "./source/pages/4.jpg", thumb: "./source/pages/4thumb.jpg", title:"Page 4"}
],
singlePageModeIfMobile: true,
btnDownloadPdf : {
enabled:false
},
btnToc : {
enabled:false
},
btnDownloadPages : {
enabled:false
},
btnPrint : {
enabled:false
},
viewMode:'3d'
};
$("#book").flipBook(options);
})
</script>
</head>
<body>
<div id="book"></div>
</body>
</html>
如何快速將/ source / pages地圖中的65張圖像添加到“頁面”? 我希望我解釋得很好。
謝謝!
假設所有頁面圖像和標題都按順序數字順序排列,您可以使用一個簡單的循環來生成它們:
var pageArray = [];
for (var i = 1; i <= 65; i++) {
pageArray.push({
src: './source/pages/' + i + '.jpg',
thumb: './source/pages/' + i + 'thumb.jpg',
title: 'Page ' + i
})
}
var options = {
pages: pageArray,
// other settings...
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.