Каков наилучший способ включить все изображения из папки в массиве?

Я загрузил программу просмотра 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>

Как я могу быстро добавить al 65 изображений с карты/источника/страниц на страницы? Надеюсь, я все хорошо объяснил.

Спасибо!

источник

2016-04-06 Wilco Van Meppelen Scheppink

Предполагая, что все изображения страниц и названия в последовательном порядке нумерации можно использовать простой цикл для их создания:

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... 
}

источник

2016-04-06 10:16:40

Каков наилучший способ включить все изображения из папки в массиве?

ответ

Смежные вопросы