Hi,

I am having a problem with my Floatbox script when viewing it with an Iphone/Ipad.

When using it with the Iphone/Ipad it works for the first few images and then at some point the scrip wont load the images and I get a blank instead of the images. The title shows fine below, everything is there except that the image won't load.

I am launching my images from simple links no divs or anything, just like this:

<a href="images/image1.jpg" class="floatbox" title="image 1" rev="group:fist group">images 1st group</a>
<a href="images/image2.jpg" class="floatbox" title="image 2" rev="group:fist group"></a>
<a href="images/image3.jpg" class="floatbox" title="image 3" rev="group:fist group"></a>
<a href="images/image4.jpg" class="floatbox" title="image 4" rev="group:fist group"></a>
<a href="images/image5.jpg" class="floatbox" title="image 5" rev="group:fist group"></a>
  <br />
  <br />
<a href="images/otherimages1.jpg" class="floatbox" title="other image 1" rev="group:second group">other images</a>
<a href="images/otherimages2.jpg" class="floatbox" title="other image 2" rev="group:second group"></a>
<a href="images/otherimages3.jpg" class="floatbox" title="other image 3" rev="group:second group"></a>
  <br />
  <br />

Etc.

I have a few links to groups of images lined like that, and as I said it works for a while (with ipod/ipad) but at some point I get the new 'popup' with the title and background 'frame' but not image, and if I keep clicking to another set of images I still get them blank.

If there is something I am doing wrong please let me know, Thank You.

It will be a couple of days before I have access to an iPhone to take a look, but I have not heard of such behaviour before.

In the meantime, could you help me out by seeing if my content exhibits the same problem for you? Check out the image gallery set on the demo page on this site and also have a look at http://test.randomous.com/misc/autogallery/. It will be helpful to know if the problem is site-specific or not.

Cheers...

Hi, I wasn't able to reproduce the problem at your demo page, I think for the error to happen you need a bunch of links in the way I posted my example above and jump around from one set to another randomly for a little while. I will send you an email with a link to the page where I am getting the error and it would be great if you can try it once you have the Ipad.

Thank you.

Ok, I've reproduced your sample code on a test page. If you get a chance to run through this one it would be greatly appreciated.

http://test.randomous.com/misc/itest

The problem is simply the number of linked images on the test page, the size of those images, and the fact that they are all being preloaded. The poor little iPhone browser is getting overwhelmed with the task of handling that much content at once.

For pages with this many floatboxed images, it is recommended that preloadAll be set to false. Doing this on the test page makes the iPhone happy. Cutting the number of images linked from one page also helps. A more aggressive compression level on the jpeg encoding would help as well. These images could likely be about a third of the file size they are with no noticeable quality degradation.

Thank you Byron,

I will try your suggestions and hope the Iphone/Ipad browser will eventually improve.

The Floatbox support is great, thanks again.