The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Using Javascript to replace images in html?

Sounds weird, I know. I'm using this foto site, and you can use CSS to customize the pages. They told me it's possible to replace their stock logo using javascript or html snippets that are placed within different areas (similar to how you can paste these into MySpace changes and remove things). I can't figure out how to do this -- can anyone help me? This is the code that controls their image, the one I'm trying to remove. I found this by viewing the page source:

Look for the <IMG> tag, then replace the filename of the image with the one you want to use. Also be sure to re-adjust the width and height of your images in the source code. Also, don't forget that you need to have the image in the same location or else the image won't show, unless you change the link to the image in question. Same thing for the file extension. If you have image.jpg and replace it with anotherimage.jpg but anotherimage.jpg is really a .gif file, it won't show up. So replacing anotherimage.jpg with anotherimage.gif will work, and your image will appear.

If you can provide a link, I'll be able to point out where the changes need to be made, so you can take care of them.

If you don't mind me asking, do you have any prior experience with HTML? If not you may want to read HTML, XHTML and CSS Visual Quickstart Guide, 6th Edition by Elizabeth Castro.

Okay, well. First, I can't change the actual html page -- I can only apply a CSS stylesheet, and the logo in question doesn't actually appear on the CSS, only on the HTML file that controls the page, which is locked away.

According to the tech people, you can paste snippets of html into areas of the site when you're creating albums, and using javascript -- somehow put an image 'ontop' of the existing image.

here is a link to one of their galleries, not mine -- but it gives you an idea of the html I'm dealing with:

The only thing that strikes me off the bat as of being possible would be to use JavaScript to create custom classes that you could then use for styling with CSS. The CSS would then take the class, hide the actual image, then load a background image over that. Even then, you'd probably have to use positioning and a z-index to stack the new image over the old one.

I'm not much of a JavaScript user, and the scripting involved for this type of work would be rather complex.

Frankly, if you really need to host images, I'd just get some Web space and install a photo gallery script like Coppermine if I were you.