The rotating images are overlapping other elements on the page, like my menus that appear when I hover over them as well as overlapping image elements. What can I add so that the images won't overlap anything else? I've tried setting the fader class to z-index of 0 and then -1 and both worked until the next image loaded, at which point it overlapped everything else on the page.
the images are stacked one on top of another. this takes some z-space. the proper way to resolve that is to increase z-index of the items that you don't want covered.
That worked great! Thank you! It makes sense to set the z-index higher than 2 or something if the images are stacked... I've set it to 50 so I
won't have problems in the future.