How to rotate picture in epub?

[kanomeguri]

I read some comics in calibre, and some picture are upright, so i add 'transform:rotate(90deg);' in body style.
Whether have plugins that could achieve this function?
It would be better if view can be restored when i scroll to next page.

[kovidgoyal]

Use the edit book tool and actually rotate the pictures. There are no plugins for the viewer, it doesnt have a plugin framework.

[kanomeguri]

Originally Posted by kovidgoyal

Use the edit book tool and actually rotate the pictures. There are no plugins for the viewer, it doesnt have a plugin framework.

thanks for your reply

[julo]

Two things:
1) It would be nice if multiple images could be selected and rotated in bulk.
2) It doesn't work too well if pictures are NOT square. Say a portrait image but laying on side: after rotation it is a landscape frame but with a messed up portrait with wrong aspect inside the landscape frame.
I have inherited an ePub file with 100+ photos with approx. 80% turned counter-clock wise 90deg. Is there an easy way to fix it?

[JSWolf]

Originally Posted by julo

Two things:
1) It would be nice if multiple images could be selected and rotated in bulk.
2) It doesn't work too well if pictures are NOT square. Say a portrait image but laying on side: after rotation it is a landscape frame but with a messed up portrait with wrong aspect inside the landscape frame.
I have inherited an ePub file with 100+ photos with approx. 80% turned counter-clock wise 90deg. Is there an easy way to fix it?

You can rotate using the editor but only one-at-a-time.

[julo]

I did all of them but one at a time. My problem is that the "frame" in the epub did not rotate . Just the photo rotated in the frame. So I ended up with e.g. a portrait photo adjusted/filled into a LS "frame".
BTW the images rotated just fine in the "images in book" viewer. They are wrong in the epub pages.

[theducks]

Originally Posted by julo

I did all of them but one at a time. My problem is that the "frame" in the epub did not rotate . Just the photo rotated in the frame. So I ended up with e.g. a portrait photo adjusted/filled into a LS "frame".
BTW the images rotated just fine in the "images in book" viewer. They are wrong in the epub pages.

??? The viewer IS the EPUB view.

Frame?
Is this a simple HTML box model "border"? You changed the geometry of the image, but not the 'box' (H & W if set) dimensions in the CSS.
Or
Is this an artwork in itself (image) with the second image overlaid?
(This gets real tricky, since everything there needs to be absolute so one item does not move or resize different from the other. Simple way is to Pre-frame (externally) and use that image.

[julo]

I don't know the correct technical terms. In a nut shell:
The original is a docx file. It has many photos like head0.
Converted to epub many, not all, photos are rotated to look like head1.
Reversing the rotation with Epub Edit the photos look like head2.

I tried many ways but in the end I am going to convert to pdf which seem to work.

[DNSB]

You not only need to rotate the image, you need to rotate the sizing. Say you have an image which is 1000px x 1500px and the class used for the image in the stylesheet and using your second image) is something like:

author_pic {
width: 300px;
height: 200px;
}

When the image was rotated, you would need to change that code to something like:

author_pic {
width: 200px;
height: 300px;
}

Personally, I would use a % for the sizing so something like:

author_pic {
width: 40%;
height: auto;
}

You may also find this done in inline code so instead of something like:

<img alt="Stratofortress" class="imagew_50" src="../Images/image00344.jpeg"/>

you would see this:

<img height="163" alt="Stratofortress" src="../Images/image00144.jpeg" width="325"/>

[theducks]

Originally Posted by julo

I don't know the correct technical terms. In a nut shell:
The original is a docx file. It has many photos like head0.
Converted to epub many, not all, photos are rotated to look like head1.
Reversing the rotation with Epub Edit the photos look like head2.

I tried many ways but in the end I am going to convert to pdf which seem to work.

View just the image (double click the image filename in the editors file browser.
Does it look normal?
If Yes. then the CSS Height and width values are now wrong (happens when you rotate the image, but the values remained . either swap the values (needed if you use the CSS to force a resize), switch the value to 'auto' I usually set the width, the set height to auto. YMMV

[julo]

Originally Posted by theducks

View just the image (double click the image filename in the editors file browser.
Does it look normal?
If Yes. then the CSS Height and width values are now wrong (happens when you rotate the image, but the values remained . either swap the values (needed if you use the CSS to force a resize), switch the value to 'auto' I usually set the width, the set height to auto. YMMV

I ran a couple tests to satisfy my curiosity. And for information each photo has its own block the way it looks.
In one test I just deleted all blocks. The photos showed OK as expected but too big.
In the second text I used a text editor and flipped all height and width in the stylesheet.
That would have been an option but there are 100 or so photos and not all are rotated the same way. It just is not feasible if making a pdf solves my problem.

Now if Edit Book had an option where you could also flip height/width when rotating a picture...

[julo]

And the other thing is when making epubs: if I use Calibre's ebook-convert it results in one kind of stylesheet, if I use OpenOfficeWriter it results in another kind of stylesheet. Rotated in both cases. Additionally Calibre's convert has seemingly inconsistent reductions???
Like I said pdf seems to be less hassle.