Having trouble editing iweb HTML. Help!

Question

Hello,
I have been trying repeatedly to edit my websites html that I created with iweb. I bought the domain with godaddy.com and changed the cname to web.mac.com so that I could create pages and publish them to .mac, which would then show up on my .com name. After a few weeks of being satisfied, I wanted to make my site better, and iweb just wouldnt cut it. So now I have the html code for my front page of my website to include a random image upload each time the website is visited. I've been reading about how to edit the html in iweb in multiple forums and how-to guides, but none of it works for me.
I attempted to publish to a folder and then edit the html and save it in the same place, with the same name, but this didn't have any effect on the actual website. What do I do? Someone please lay this out for me step by step and tell me what I am doing wrong. This is frustrating! Thank you.

Answer 1

Thanks for your response. Your second idea is what I'm looking for ---I want a few images to display, one after another, while the homepage of my website is open. It's not really a banner that I want the images to sit in (I think of a banner as being at the top of the page). I want to position the images lower in the body of the page. I had researched this topic quite a few months ago and found some things that might help---that's why I didn't start a new thread---but I couldn't locate the information this second time. I guess it's time to start a new thread as you suggested.
I checked out your demo. I think that my images need to cycle a little more rapidly, but your javascript is doing the thing I'm looking for. I haven't worked with java. I"m pretty low on the totem pole of web construction. I know how to insert html snippets (impressive, hunh?).
Give this a try:
1) add a new page to your project.
2) add pictures to the page, keep track with their file names you'll need them for the script.
3) add the following javascript to the page using HTML Snippet:
<center><img id='imageholder' src='' ></img></center>
<script type='text/javascript'>
images = new Array();
images.push('P8080212.JPG'); // change this to your file name
images.push('P8080214.JPG'); // change this to your file name
images.push('P8080215.JPG'); // change this to your file name
// there is no limit to number of images
// to add image, add it to the page
// then add images.push('blah_blah'); to this script
var image_index = 0;
function rotateImage() {
    if (image_index == images.length - 1) { image_index = 0 } else { image_index++ }
    document.getElementById('imageholder').src = images[image_index];
setInterval('rotateImage()', 1000); // change this number to change rotation interval, 1000 = 1 second.
</script>
4) in those lines: images.push('blah_blah.jpg') , change file names (inside the single quote) to your image file names
5) size and place the HTML Snippet on the page.
6) Set the images' opacity to 0% after you are done so they won't show on your page.
That's it, there is no limit to number of images, when you add an image to the page, just add another line: images.push('blah_blah.jpg');
And by the way, I have Chinese Houses in my yard and was photographing Gilia a week ago myself. Are native plants one of your interests?
Yes, they are low maintenance, the Gilia aren't blooming yet.