uugh it looks like browsers don't load images that are display: none so when i swap images around using CSS i get this awful flicker
i've tried a couple ways to get around it but no dice yet
@monorail it looks like there's a decoding="sync" html attribute too
but yeah that should work :(
maybe check the network pane in the web inspector? you should be able to check when the images actually get requested/downloaded there
the other solution is to make a sprite sheet (all the images in one file) and to display the image as a background on an element using background-clip to only show the part you want. that's harder to do but you definitely won't get any flickering there, since it's all the same image
@Lady just like this?
(the elements in the loop are all
imgelements, and everyimgelement on the page shares a source with one of the ones in the loop)because i have tried that and it's still flickering :(