If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Thanks John. I changed it and that gave me a small box in the upper right to make the image bigger or smaller. I also changed the size from 500 to 250 and 344 to 172. That made it smaller on the computer but had no effect on he iPhone or iPad.

It might be cached on those devices. Or, you might have to go even smaller for them. But those dimensions are not supposed have anything to do with how large the image is. That's just how large the 'box' starts at as it's animating itself onto the screen.

It is working properly now on my laptop, where that image (events) was too large before.

Obviously you don't want to go so much smaller that it's too small for a desktop or laptop though. You could use a screen size test for that. But let's first make sure that the problem isn't that it's cached on those devices. I don't know how to clear the cache on iPhone or iPad, do you? If nothing else, you could make a copy of the page with a different name and a copy of the script with a different name and use that renamed script on the new page. That way it cannot use a cached version. If that works, you don't have to worry about the old one, it will catch up with the change eventually.

One other possibility - that's an older version of the script. A newer version might behave better on those devices.

Hello John, I cleared all of the caches. There has to be a max width setting somewhere! I wish the css file was easier to read. It's smashed together (so to speak!). I will look into the newer version as well.

You can unsmash the css. But if there is a max width setting, I'm not sure how that would come into play. I did a search of the script you're using, it has neither 'max' or 'min' in it anywhere. The allow_resize setting set to true is supposed to take care of that for you, setting the max width automatically using the window width (or a width proportional to the window height if the height of the page is more constricting) minus any margin that's set, which is also auto detected. It might be that, since those devices can have a different orientation (landscape vs. portrait), that the script isn't getting the window dimensions correctly, using width for height and vice versa. Or there could be some other problem entirely for those devices.

That's one reason why a more recent version of the script might work better. But I see nothing on the Pretty Photo homepage that indicates that it works with touch devices. It is rated for Safari though. That probably only includes on a desk or lap top. You can disable Pretty Photo for iPhone/Pad. Then they would be taken to the image where presumably they could resize/rotate it to their liking using iPhone/Pad's native pinch and other gestures.

We could try setting a max-width/height of our own. I would need a little time to work that out. It would have to be able to adapt to changing window sizes.