What is best practice for displaying images? We use a lot of images on our webapp, but displaying them causes some little problems.
- images take a long time to load (15 to 20 seconds for a 2.7mb file, 8-10 seconds for a 22kb file on a 30mb fibre optic connection)
- when the progress bar has completed and disappeared, there is still a confusing delay before the image appears in the input box (what’s happened to my image??)
- when displaying an image from a repeating group in a bigger box, if you then choose another image of a different orientation (portrait / landscape) the original image resizes to the new shape, and THEN the new image appears. Again this makes things feel odd.
- When displaying large numbers of images in a repeating group (Ext. vertical scrolling, but I think it happens in all types) the PREVIOUS images show, before changing to the new images. When the user scrolls through there is a lot of “jitter” (images seem to jump about and change at will - though it is in fact just the new images loading on top of old images).
What are you guys and gals doing to make images flow beautifully??
Also, as it’s related to images… Is it possible, when hovering over a repeating group, to make a PopUp appear with the image and related data?