return;
}
$(doublePage).find('.' + position).remove();
- var page = '<div class="page ' + position + '" id="page_' + pageNr + '" data-page="' + pageNr + '"><div class="background" page="' + pageNr + '"></div><div class="clinks"></div><div class="texts" highlight=""></div><div class="shade"></div></div>';
+ var page = '<div class="page ' + position + '" id="page_' + pageNr + '" data-page="' + pageNr + '"><div class="background" page="' + pageNr + '"></div><div class="texts" highlight=""></div><div class="clinks"></div><div class="shade"></div></div>';
$(doublePage).append(page);
},
hidePage: function (position) {
this.fluidbook.initPage(pageNr, doublePage, position);
var version = this.getVersionToLoad(parseInt(pageNr));
page = $("#page_" + pageNr);
- if (version == 'vector') {
- $(page).addClass('transparentbg');
- }
$(doublePage).append(page);
$(page).show();
$(page).addClass(position);
}
},
_loadTexts: function (pageNr, callback) {
- var w = this.fluidbook.datas.width / 0.75;
- var h = this.fluidbook.datas.height / 0.75;
- this.texts[pageNr] = this.loadImage(this.getTextsURL(pageNr), w, h, 'image/svg+xml', callback);
+ // var w = this.fluidbook.datas.width / 0.75;
+ // var h = this.fluidbook.datas.height / 0.75;
+ this.texts[pageNr] = this.loadImage(this.getTextsURL(pageNr), null, null, 'image/svg+xml', callback);
},
loadDatas: function (pageNr, callback) {
var $this = this;
position: absolute;
top: 0px;
background-color: #fff;
- &.transparentbg {
- background-color: transparent;
+ .texts {
+ position: absolute;
+ top: -1px;
+ left: -1px;
}
-}
-
-.page .shade {
- position: absolute;
- top: 0px;
-}
-
-.page.right .shade {
- left: 0px;
-}
-
-.page.left .shade {
- right: 0px;
-}
-
-.background, .texts, .l, .g, .s {
- position: absolute;
- top: 0px;
- left: 0px;
-}
-.texts .g {
- line-height: 1;
-}
+ .background{
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ }
-.g, .gs, .l {
- white-space: nowrap;
-}
+ .shade {
+ position: absolute;
+ top: 0px;
+ }
-.texts .gs {
- display: inline-block;
-}
+ &.right{
+ .shade {
+ left: 0px;
+ }
+ }
-.o {
- font-style: oblique;
+ &.left{
+ .shade{
+ right: 0px;
+ }
+ }
}
.doublePage, #pages {