1. Dbl click the html box that contains your flash element.
2. Now copy the code below and paste it below the flash code you see in the html box on the body html tab.
<div id="nonflash" style="display:none">
<img src="http://mydomain.com/nonflash_image.jpg">
</div>
<div id="flash" style="display:block">
********---Flash code goes here---*******
</div>
<script language="javascript">
if ((navigator.userAgent.match(/iPad/i) != null) || (navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(/iPod/i) != null)) { document.getElementById("nonflash").style.display = "block"; document.getElementById("flash").style.display = "none"; }
</script>
3. Now select and cut the flash code that was already in the html box.
4. Next select the text that says ********---Flash code goes here---******* and paste the code you just cut. This will place you flash code in the proper position.
5. Use the add files tool and add the replacement image you'll be using into your site. Ctrl + alt + f
make sure the image you use is the same size as your flash element.
6. Now change the code I provided where it says <img src="
http://mydomain.com/nonflash_image.jpg"> to the actual name of your domain and image name.