Javascript 向turnjs添加双页;书;

Javascript 向turnjs添加双页;书;,javascript,turnjs,Javascript,Turnjs,我创建了一个网站,访问者可以使用turnjs浏览一本书。我有双页面的JPG页面,我希望他们被动态加载 代码如下: var flipbook=$('.flipbook'); 翻转动画书({ 标高:50, 梯度:对, 自动中心:对, 页码:118, 当:{ 缺失:功能(e,第页){ 对于(变量i=0;i

我创建了一个网站,访问者可以使用turnjs浏览一本书。我有双页面的JPG页面,我希望他们被动态加载

代码如下:

var flipbook=$('.flipbook');
翻转动画书({
标高:50,
梯度:对,
自动中心:对,
页码:118,
当:{
缺失:功能(e,第页){
对于(变量i=0;i

由于作为我的页面的图像被放置在
的背景中,所以技巧是添加一些样式来缩放背景图像并相应地定位它们:

.double{
    background-size:200% 100%;
}

.double.even {
    background-position: 0% 0%;
}

.double.odd {
    background-position: 100% 0%;
}