[html]<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://ruseller.com/lessons/les809/demo/booklet/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://ruseller.com/lessons/les809/demo/booklet/jquery.booklet.1.1.0.min.js" type="text/javascript"></script>
<link href="http://ruseller.com/lessons/les809/demo/booklet/jquery.booklet.1.1.0.css" type="text/css" rel="stylesheet" media="screen" />
<style>
.booklet{
-moz-box-shadow:0px 0px 0px #fff!important;
-webkit-box-shadow:0px 0px 0px #fff!important;
box-shadow:0px 0px 0px #fff!important;
-moz-border-radius:10px!important;
-webkit-border-radius:10px!important;
border-radius:10px!important;
}

.booklet .b-wrap-left  {
background:#fff url(https://i.ibb.co/WK8jdhR/1.jpg)  no-repeat top left!important;

}
.booklet .b-wrap-right {
background:#efefef url(https://i.ibb.co/R9THK75/2.jpg) no-repeat top left !important;

}
.booklet .b-counter {
bottom:13px!important;
position:absolute!important;
display:block!important;
width:80%!important;
text-align:center!important;
font-size:12px!important;
color:#000!important;
padding:5px 35px 0!important;
background:transparent!important;
opacity:0.8!important;
}
.book_wrapper{     margin-left: auto;
padding-top:50px!important;
width:860px!important;
height:620px!important;
position:relative!important;
background:transparent url(https://i.ibb.co/dBCDRLH/4.png) no-repeat 28px 29px!important;
}

.book_wrapper h1{
color:#000 !important;
font-family: Underdog !important;
background:transparent!important;
font-size:18px!important;
}
.book_wrapper p{
line-height:120%!important;
    text-indent: 20px!important;
font-size:16px!important;
color:#000!important;
font-family: Underdog!important;
margin:5px 5px 5px 15px!important;
}
r{
    text-align:right!important;
}
.book_wrapper img{   
margin:10px 170px 5px 15px!important;
padding:4px!important;
}
a#next_page_button,
a#prev_page_button{
display:none;
position:absolute;
width:36px;
height:40px;
cursor:pointer;
margin-top:-20px;
top:50%;
background:transparent url(https://i.ibb.co/4Sd8h8N/image.png) no-repeat 0px -40px;
}
a#prev_page_button{
left:-30px;
}
a#next_page_button{
    right: -13px!important;
background-position:-41px -40px;
}
a#next_page_button:hover{
background-position:-41px 0px;
}
a#prev_page_button:hover{
background-position:0px 0px;
}
.loading{
width:160px!important;
height:56px!important;
position: absolute!important;
top:50%!important;
margin-top:-28px!important;
right:135px!important;
line-height:56px!important;
color:#000!important;
padding-left:60px!important;
font-size:15px!important;
background: #000 url(http://ruseller.com/lessons/les809/demo … loader.gif) no-repeat 10px 50%!important;
opacity: 0.7!important;
z-index:9999;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

</style>

    <div class="book_wrapper">

    <a id="next_page_button"></a>

    <a id="prev_page_button"></a>

    <div id="loading" class="loading">Книга раскроется читателю через время...</div>

    <div id="mybook" style="display:none;">

        <div class="b-load">
<div>
<h1>Сказ о Дне тысячи солнц</h1>
<p>
<i>за авторством неизвестного рассказчика</i></p>

<p>День тысячи солнц – так традиционно принято называть день лунного затмения среди людей. В году таких дней всего три, но связаны они неизменно со скорбью и бессилием. Одни говорят, что это проклятие забытых Богов, другие – что само Солнце карает Луну и каждый День тысячи солнц непременно становится днем труднейшего противостояния. </p>
<p>Это день покаяния и молитв. День страха. День, когда Луна оставляет планету без своего покровительства. История этого дня навсегда погребена среди полок королевских архивов, спрятана церковью и запечатана за семью замками. </p></div>
<div>
<p>
Но есть и те, кто помнит историю настоящего Дня тысячи солнц, когда все звезды с неба упали на Землю, превратив плодородные поля, высокие водопады, буйство зелени в пустоту. Люди говорят - «так долго не живут». Сколько, и взаправду, тысячелетий прошло? Не много и не мало, но целая вечность для простого человека. Те, кто помнят, никогда не бывают людьми. Человек слишком ограничен в понимании святынь чтобы помнить, хранить и верить, что Солнце освещает нас не благословением Луны, а великой жертвой великих цивилизаций. </p>
<p>
Ваш рассказчик живет слишком далеко от мира нынешнего чтобы помнить, какой нынче год. Но по его скромному летоисчислению – тысяча сто пятнадцатый со Дня тысячи солнц. </p></div>
<div>
<p>
Тысяча сто пятнадцать свечей украсили все пространство вокруг старого алтаря. На нем, что удивительно, знак Солнца. Его скромное подземное убежище прослужило уже так долго, что только волей самой Мираны так много лет могли просуществовать руины некогда великого города. Волей Ее, защитницы своих детей. </p>
<p>
В этом одиноком месте на краю мира, посреди безжизненной пустыни, уже не суть важно, во что ты веришь. Но тысячу сто пятнадцать лет тому назад не было ни одной страны, равной царству под покровительством Мираны. В то далекое время Боги лично снисходили с небес к творениям рук своих, а люди, эльфы и другие расы жили с верой, которую вселяли в их сердца настоящие поддержка и любовь высших сил. </p></div>
<div>
<p>
Боги карали и превозносили их, они были судом и родителями, любовью и смертью. </p>
<p>
Жизнь начиналась и заканчивалась в храмах, которым они покровительствовали. </p>
<p>
Но порядки меняются так же быстро, как изменчивое сердце смертного поддается с легкостью крупице сомнений. Боги были вечностью, они менялись так медленно, что поколения могли наблюдать за их бездействием, другие десятки поколений – за великими походами и эпохами процветания, сменяющим друг друга. Боги принесли им культуру, обучили тому, что знали сами, а главное – наделили избранных, верных и преданных им божественной силой, подобной собственной. </p>
<p>
Мирана была первой Богиней, которая покровительствовала не просто своему народу, а своим смертным детям. </p></div>
<div><img src="https://i.ibb.co/T4qw5hq/1.png" alt="" />
</div>
<div>
<p>
Однажды Богиня посадила в безжизненной почве пустыни цветок, который принесла с земель Богов. Другие Боги насмехались над ней и говорили, что такой прекрасный и нежный цветок ни за что не даст побегов в такой неблагородной почве. Так и было – шли сотни и тысячи лет, Мирана садила цветы один за другим, пока остальные творили, творили расы и магию, создавая цивилизации и целые народы! Но она упрямо приходила в пустыню днем, когда другие Боги засыпали после ночных гуляний, приходила то в образе человеческой женщины, то эльфийским мужчиной, иной раз – крепким гномом, чьи руки с легкостью держали песок. </p>
<p>
Но цветы не всходили. </p></div>
<div>
<p>
Однажды днем Мирана заплакала, и тогда само Солнце заговорило с ней. Оно сказало Богине: «Не плачь, дитя мое, я – Солнце. Сила моего слова и света наполнит семена жизнью, но рожденные во тьме, они не найдут пути ко мне без воды. Попроси у Луны помощи, пусть она принесет воды из благословенного колодца.» </p>
<p>
Мирана, воодушевившись советом Солнца, днем возносила молитву ему, а ночью – молила Луну дать жизнь ее детям, принести

хотя бы каплю благословенной воды. </p>
<p>
И Луна однажды, самой темной из ночей, когда среди пустыни Мирана не видела ни неба, ни земли, явилась к ней серебряной змеей. Когда Богиня оступилась в песке, змея обвилась кольцом вокруг ее лодыжки и укусила эльфийскую красавицу, в облике которой скрылась Мирана. </p></div>
<div>
<p>
«Теперь слезы твои – благословение для детей твоих, Мирана. Ты Богиня, но в отличии от братьев и сестер своих, не наделена даром созидания. Подари детям своим себя – и побеги взойдут. А коль не желаешь делиться, пируй и веселись с сестрами и братьями.» - прошипела Луна. </p>
<p>
От боли Мирана заплакала, слезы ее окрасили песок пурпурным, но ничего не произошло. Она заплакала сильнее, от обиды на Луну и Солнце, идя вдоль песков в полном одиночестве. </p></div>
<div><img src="https://i.ibb.co/2sKNpHt/2.png" alt="" />
</div>
<div>
<p>
Но когда Мирана вернулась на следующий день, горизонт оказался совершенно зеленым. Ноги Богини не провалились в песок, а ступили на прохладные листья. Вся пустыня как будто за одну ночь преобразилась – на ее месте было цветущее поле. Пурпурные цветы, искрящиеся жизнью и светом, тянулись головками к Солнцу, а к ночи склоняли головы перед светом Луны. Богиня поспешила к другим Богам, чтобы рассказать им о своих достижениях, но не смогла перевоплотиться. </p>
</div>
<div><p>
Человек не мог узреть сверкающий божественный лик – любой ослеп бы, лишь взглянув на Мирану, а все Боги жили среди смертных своих творений. Так Богиня осталась среди пустыни, снова в полном одиночестве. </p></div>
<div>
<p>
Но с ней теперь были цветы. Потрясающей красоты, они шептали ей о своей любви и просили только еще немного заботы. И день за днем Мирана ухаживала за каждым ростком, царапая руки об острые шипи, касаясь пальцами ядовитых для всех смертных бутонов. </p>
<p>
До тех пор, пока из цветка не появилось первое Дитя. Его кожа имела цвет ночи, глаза и волосы – как поцелуй Солнца, а стоило Миране коснуться первого своего потомка, как он приобрел лик, подобный ее собственному, и лицо его, подобно зеркальному отражению, засверкало божественным светом. </p>
<p>
Луна, хоть и дала Миране воды из благословенного колодца, не могла смириться с тем, что Боги – дети Солнца, способны творить себе подобных так легко. В ней же была магия, самая мощная из сил на этой Земле! </p></div>
<div><img src="https://i.ibb.co/Ydhv0N5/3.png" alt="" />
</div>
<div>
<p>
Но не было способности к созиданию, как и у самой Мираны. Одиночество объединило их, хотя Солнце и не одобрило такого рвения от дочери своей. Луна же задумала отвернуть Богиню и ее детей, способных приобретать облик любого другого существа, любого потомка известных Богов, от Солнца, обратив в свое царство. Она рассказывала Богине о великолепных подземных городах, умасливала ее обещаниями подарить благословенный колодец ее детям, но Мирана сохранила в тайне от Луны другой свой дар, которым Солнце втайне одарило ее – способность чувствовать ложь. </p>
<p>
Мирана знала, что Луна жаждет заполучить их и создать новую веру, свергнуть Богов, а потом – само Солнце. Но Луна была изменчива и непостоянна. </p></div>
<div>
<p>
В один день она была дланью помощи, в другой – карающей рукой, в третий хотела быть любимой, в четвертый – любила сама, в пятый – отравляла все вокруг своей магией. Она была той, кто оставался в тени брата, но не была способна произвести жизнь, только пробудить ее в творениях чужих. </p>
<p>
По этой причине Мирана решила защитить своих Детей – и нарекла каждого из них одним из имен Солнца. Имена эти были секретом самого мироздания, а потому не произносились устами – Богиня вырезала их на теле каждого Потомка, окропляя детей своими благословенными слезами, чтобы уменьшить их боль. Эти слезы превращали их шрамы в побеги зелени на телах. Имена подарили им безопасность, не позволяя бесконтрольно заимствовать чужие лица. </p></div>
<div>
<p>
Луна была в ярости, она считала Мирану своей союзницей и, когда та предала ее, отправилась к братьям и сестрам Богини. Луна обратила Богов

против их сестры, убедив их в том, что та скрывает отступников, народ, способный одним касанием сжечь все, к чему прикоснется, приобрести облик и силу каждого из них и подчинить Божественные земли. </p>
<p>
Тем временем, Детей становилось все больше и некогда безжизненные земли превратились в города с великолепными дворцами, священными водами в каждом водопаде, обитель мудрости, знаний и великой культуры. Дети были отличными воинами, но предпочитали мирные профессии – искусство и наука в королевстве развивались куда быстрее, чем где-либо еще, привлекая завистливые взгляды других Богов. </p></div>
<div>
<p>
Танцовщицы их переняли красоту и грацию змей и гепардов, музыканты – птичьи трели, воины – свирепость песчаных бурь. </p></div>
<div><img src="https://i.ibb.co/82YdxFR/4.png" alt="" /></div>
<div>
<p>
Рожденные цветами первые Дети, их было двенадцать, были единственными. Они же стали основоположниками и хранителями зарождающейся цивилизации, которая со временем подарила миру медицину, живопись и красоты музыки. Их боевое искусство, даже оно напоминало грациозный танец смерти, но к сегодняшнему дню полностью утрачено за пыльными томами лжи. </p>
<p>
Остальные Боги завидовали Миране. Луна только разогревала их зарождающуюся ненависть к сестре, подначивая оставить Солнце без покровительства – ведь это оно позволило ей создать таких совершенных Потомков, это оно позволило посадить цветы на земле смертных. </p></div>
<div>
<p>
Когда на стороне Солнца останутся только Дети, они потеряют свою силу навсегда – Луна взойдет на небе и подарит свою силу каждому, кто был верен. </p>
<p>
И они пошли на это. </p>
<p>
Когда Мирана купалась в благословенном источнике, Морак проклял ее одежду и как только Богиня надела сверкающее платье – она тут же обратилась в камень. Ее Потомки были оскорблены поведением Богов, они воззвали к Солнцу, но Луна затмила его собой, не позволив вмешаться. </p>
<p>
В тот день, когда на небе, доселе темном безликом полотне, засверкали тысячи, миллионы менее ярких светил, впоследствии названных Звездами, назвали Днем тысячи солнц. </p></div>
<div>
<p>
В этот ужасный темный день великая, но мирная цивилизация Потомков Мираны столкнулась со злобой и ненавистью целого мира – армии со всех континентов сплотились против них, Боги сожгли благословенные цветы, благодаря которым они могли использовать дары своей Богини. Но Потомки не сдались так легко – когда соединенная армия преодолела крепостные стены, двенадцать Детей, которых позднее нарекут Святыми, произнесут свое последнее заклинание. </p>
<p>
Именно эта магия, наполненная волей Потомков, заставила в тот день небо упасть на землю. Тысячи и миллионы сверкающих на ночном полотне солнц начали падать вниз, огненными шарами бороздя ряды противника до тех пор, пока уцелеть на выжженной пламенем земле не удалось единицам. </p></div>
<div>
<p>
В тот день земля гудела и выла от боли, а Луне пришлось освободить Солнце под гнетом звезд. </p>
<p>
Но когда «победители» ступили на земли Потомков Мираны, их ждала пустая, сверкающая в своем великолепии столица, единственными обитателями которой были статуи, до боли похожие на горожан. </p>
<p>
Говорят, именно так сменилась вера. Именно в тот день Солнце изгнало Богов обратно на родную землю, навек запретив вмешиваться в дела смертных. </p></div>
<div>
<p>
Именно в те времена Луна милостиво даровала всем жителям планеты свое покровительство и наполнила все вокруг собственной, изменчивой и порой странной магией, стерев с воспоминаний человечества знание о том, что магия могла быть другой – теплой и покровительствующей, верой Потомков, рожденных из слез Богини и способных изменять свой облик. </p>
    </div>
<div>
           

<img src="https://i.ibb.co/yp8JB3M/image.png" alt="" />

        </div>

       

    </div>

    </div>

        <!-- JavaScript -->

        <script type="text/javascript">

    $(function() {

        var $mybook     = $('#mybook');

        var $bttn_next    = $('#next_page_button');

        var $bttn_prev    = $('#prev_page_button');

        var $loading    = $('#loading');

        var $mybook_images = $mybook.find('img');

        var cnt_images    = $mybook_images.length;

        var loaded    = 0;

        //Предварительно загружаем РІСЃРµ страницы РІ книжке,

        //Р° затем вызываем плагин Booklet

        $mybook_images.each(function(){

        var $img = $(this);

        var source = $img.attr('src');

        $('<img/>').load(function(){

            ++loaded;

            if(loaded == cnt_images){

            $loading.hide();

            $bttn_next.show();

            $bttn_prev.show();

            $mybook.show().booklet({

                name:               null,                            // Р�РјСЏ буклета, которое выводится РІ заголовке документа

                width:              800,                             // РЁРёСЂРёРЅР° контейнера

                height:             500,                             // Высота контейнера

                speed:              600,                             // Скорость перехода между страницами

                direction:          'LTR',                           // Направление организации контента, РїРѕ умолчанию LTR (left to right - слева направо), может быть RTL  (справа налево)

                startingPage:       0,                               // Р�ндекс страницы, которая будет выводиться первой

                easing:             'easeInOutQuad',                 // Метод сглаживания для завершения трансформации

                easeIn:             'easeInQuad',                    // Метод сглаживания для первой половины трансформации

                easeOut:            'easeOutQuad',                   // Метод сглаживания для второй половины трансформации

                closed:             true,                            // Запускаем РєРЅРёРіСѓ "закрытой", Р±СѓРґСѓС‚ добавлены пустые страницы РІ начало Рё конец

                closedFrontTitle:   null,                            // Р�спользуется СЃ опциями "closed", "menu" Рё "pageSelector", определяет заголовок пустой начальной старницы

                closedFrontChapter: null,                            // Р�спользуется СЃ опциями "closed", "menu" Рё "chapterSelector", определяет РёРјСЏ главы пустой начальной страницы

                closedBackTitle:    null,                            // Р�спользуется СЃ опциями "closed", "menu" Рё "pageSelector", определяет заголовок пустой последней страницы

                closedBackChapter:  null,                            // Р�спользуется СЃ опциями "closed", "menu" Рё "chapterSelector", определяет РёРјСЏ главы пустой конечной страницы

                covers:             false,                           // Р�спользуется СЃ опцией "closed", делает первую Рё последнюю страницу обложками, без нумерации страниц (если возможно)

                pagePadding:        10,                              // Отступ для обертки каждой страницы

                pageNumbers:        true,                            // Выводит номер РЅР° каждой странице

                hovers:             false,                           // Разрешает анимацию предварительного просмотра страниц РїСЂРё наведени РєСѓСЂСЃРѕСЂР° мыши, выводятся маленькие изображения предыдущей Рё следующей страницы

                overlays:           false,                           // Разрешает навигацию СЃ использованием слоя перекрытия, РєРѕРіРґР° разрешено - ссылки РІ контексте РЅРµ Р±СѓРґСѓС‚ реагировать РЅР° нажатия РєРЅРѕРїРєРё мыши

                tabs:               false,                           // Добавляет закладки вдоль верха страницы

                tabWidth:           60,                              // Определяем ширину закладок

                tabHeight:          20,                              // Определяем высоту закладок

                arrows:             false,                           // Добавляем стрелки поверх РєСЂРѕРјРѕРє книжки

                cursor:             'pointer',                       // Установка css для РєСѓСЂСЃРѕСЂР° для Р±РѕРєРѕРІРѕР№ области книжки

                hash:              true,                           // Разрешает навигацию СЃ использованием С…СЌС€ строки, например: #/page/1 для страницы 1, будет действовать РЅР° РІСЃРµ книжки СЃ разрешенной опцией 'hash'

                keyboard:           true,                            // Разрешает навигацию СЃ использованием клавиш стрелок(влево: предыдущая страница, вправо: следующая)

                next:               $bttn_next,              // Селектор для элемента, который используется как выключатель перехода Рє следующей странице

                prev:               $bttn_prev,              // Селектор для элемента, который используется как выключатель перехода Рє предыдущей странице

                menu:              null,                            // Селектор элемента, который используется как область меню, требуется для 'pageSelector'

                pageSelector:       false,                           // Разрешает навигацию СЃ помощью выпадающего меню для страниц, требует опции 'menu'

                chapterSelector:    false,                           // Разрешает навигацию СЃ помощью выпадающего меню глав, определяется атрибутом "rel", требует опции 'menu'

                shadows:            true,                            // Выводить тени РїСЂРё анимации страниц

                shadowTopFwdWidth:  166,                             // РЁРёСЂРёРЅР° тени для верха анимации вперед

                shadowTopBackWidth: 166,                             // РЁРёСЂРёРЅР° тени для верха анимации назад

                shadowBtmWidth:     50,                              // РЁРёСЂРёРЅР° тени для РЅРёР·Р° анимации

                before:             function(){},                    // Возвратная функция, которая вызывается перед выполенением каждой анимации

                after:              function(){}                     // Возвратная функция, которая вызывается после выполнения каждой анимации

            });

            }

        }).attr('src',source);

        });

       

    });

        </script>[/html]