I can't really post an example, but here's some code:
<style>
.drawing-image{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
filter:
progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
transform-origin: 38% 54%;
}
</style>
Then in a loop, I render for different images as so:
<div class="image-block" style="page-break-after:always">
<h5 style="padding-left:10px;">Perspective Render</h5>
<?
$image_path = "configurator/files/images/".$img->id.".".
$img->extension;
?>
<img src="<? echo $image_path; ?>" class="drawing-image"
height="655px"/>
<img src="configurator/images/title-block.jpg"
height="83px" style="margin-top:190px;margin-left:1px;"/>
</div>
Specifications on the images are 2550x1920 pixels at 72dpi. I've run
some very basic unscientific tests on the rotating, and I don't think
it's the source of the timing issues. It looks to be related to the
sizes of the images file size.
I've read having content extend off the page can cause issues with
loops. Could this be an issue?
I think my best solution for now is to render these pages separately
and combine them after rendering.
Thanks for your help and input.