I’m having trouble creating spreads using ePubCrawler. After using the script to create the config.ini, META-INF folder, mimetype and OEBPS file, here is what I did:
1.From my InDesign file, I created the spread jpgs and named them p2Spread, p4Spread, etc. I deleted the original, single-page jpgs.
2. I changed the HTML files so that p2 and p3, both referred to the p2Spread img. and so on, for the whole book.
3.In the content.opf file, I changed the p2. images to p2.Spread, (etc.) and I deleted the odd (rightside)pages.
4.In the Template css file, I added this coding:
}
.leftside,.rightside {
width: 512px;
height: 600px;
overflow: hidden;
position: relative;
}
.leftside img, .rightside img {
position: absolute;
height: 600px;
z-index: -1;
overflow: hidden;
}
.rightside > img {
left: -100%;
}
5.I added either <div id=”leftside”/> or <div id=”rightsideside”/> to each HTML page.
PROBLEM: The images are displaying as a complete spread on both the left and the right pages, compressed to 50% wide. I tried doubling the viewport width in both the HTML and css files, saving and refreshing, but nothing changed on the image.
I was SO happy to hear about ePubCrawler! If I can solve this problem, I will be even happier.
Please help!
.
