Loading larger images inside the book

[blachawk]

How can we import a single image or background image that fits within the total width space of page 1 and page 2, rather than being placed on page 1 or page 2?

[builtbywill]

Since each page is its own html element this is a current limitation of the plugin.

If you wanted a work-around you could assign the same image as a background on both pages and position it correctly in each to create the illusion of a single image.

<div id="mybook">
    <div title="first page" style="height:100%; background:url(http://i.imgur.com/WYeJLIM.jpg) no-repeat 0 0;"></div>
    <div title="second page" style="height:100%; background:url(http://i.imgur.com/WYeJLIM.jpg) no-repeat 100% 0;"></div>
</div>

$(function () {     
    $("#mybook").booklet({
        pagePadding:0,
        width:718,
        height:960
    });
});