Just wanted to let you know I got this working pretty well on the iPhone/iTouch by (someone could add an iPhone preference or detect the iPhone and do all this automatically):
A little background, I am using my iPhone as a eBook reader basically, and while it has the ability to read PDF files, I found it will not load large ones. For example, I have some that are 30+mb. So, I found a solution is to use the Mac program Graphic Converted, and it is a simple command to convert your PDF in to JPG files - it creates a JPG image of each page, all numbered.
So now you drop that folder of images on a web server, drop isaac in there with the changes below, and you can browse your PDF as image files and read away!
2. changed the [cfg] columns preference to 3 columns instead of 6.
3. change the quality of the two imagejpeg commands (3rd parameter) from 70 to 20. The small thumbnails look really bad, but am trying to get the bandwidth down. It works for what i need it to look like
4. change the $max_w and $max_h vars from 99 and 80 to 79 and 60, again to hopefully reduce bandwidth and to make it all a little smaller
5. took out the <table> (and everything in it) all the way to the </table> right after the body that displays the site/app info - uses up a lot of space on this screen, and saves a little scrolling down
6. took out the first echo command in send_navigation that sends the file info string. again, this saves some scrolling down
7. in send_navigation took out the full file name from the <a></a> links (buttons at the top to go prev/next, and moved the « and » in there instead -- saves a LOT of space at the top for less scrolling
After that, it works pretty good on the iPhone. Two things that would make it better --
1. The image list/thumbnails below the image you are viewing, make it so you can page through them, and that it shows maybe 10-20 at a time, the image you are viewing in the middle... click a small arrow, it jumps a page to the next 10 or 20.
That way in case you have a folder with 100+ images, it loads faster... Though I have to say it loads pretty decent over wifi
2. The whitespace after the two navigation links when viewing an image, but before the image can probably be optimized even more. It is decent after the changes I made though.
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Just wanted to let you know I got this working pretty well on the iPhone/iTouch by (someone could add an iPhone preference or detect the iPhone and do all this automatically):
A little background, I am using my iPhone as a eBook reader basically, and while it has the ability to read PDF files, I found it will not load large ones. For example, I have some that are 30+mb. So, I found a solution is to use the Mac program Graphic Converted, and it is a simple command to convert your PDF in to JPG files - it creates a JPG image of each page, all numbered.
So now you drop that folder of images on a web server, drop isaac in there with the changes below, and you can browse your PDF as image files and read away!
1. added this line into the <head> section:
<meta name="viewport" content="width=320; initial-scale=1.0;">
2. changed the [cfg] columns preference to 3 columns instead of 6.
3. change the quality of the two imagejpeg commands (3rd parameter) from 70 to 20. The small thumbnails look really bad, but am trying to get the bandwidth down. It works for what i need it to look like
4. change the $max_w and $max_h vars from 99 and 80 to 79 and 60, again to hopefully reduce bandwidth and to make it all a little smaller
5. took out the <table> (and everything in it) all the way to the </table> right after the body that displays the site/app info - uses up a lot of space on this screen, and saves a little scrolling down
6. took out the first echo command in send_navigation that sends the file info string. again, this saves some scrolling down
7. in send_navigation took out the full file name from the <a></a> links (buttons at the top to go prev/next, and moved the « and » in there instead -- saves a LOT of space at the top for less scrolling
After that, it works pretty good on the iPhone. Two things that would make it better --
1. The image list/thumbnails below the image you are viewing, make it so you can page through them, and that it shows maybe 10-20 at a time, the image you are viewing in the middle... click a small arrow, it jumps a page to the next 10 or 20.
That way in case you have a folder with 100+ images, it loads faster... Though I have to say it loads pretty decent over wifi
2. The whitespace after the two navigation links when viewing an image, but before the image can probably be optimized even more. It is decent after the changes I made though.