javascript image swap help

[BoA]

www.m-carroll.com

I'm trying to get a simple image swap to change the main image when mouseover the thumbnails.

Main images named: image001.jpg - image018.jpg

Thumbnails named correspondantly: THUMB001.jpg-THUMB018.jpg

Also I would like the thumbnail with the mousover to go black and white. I have created black and white thumbnail images named: THUMB001b.jpg - THUMB018b.jpg

Any help appreciated

[jscheuer1]

For the main part of that:

http://www.dynamicdrive.com/dynamici...thumbnail2.htm

To get the thumbs to change, just add to the onmouseover and add an onmouseout. The mouseover code for the above script is:

onmouseover="modifyimage('dynloadarea', 0)"

so:

<img src="THUMB001.jpg" onmouseover="modifyimage('dynloadarea', 0);this.src='THUMB001b.jpg';" onmouseout="this.src='THUMB001.jpg';>

[BoA]

Having major probs figuring this out lol

Any chance u could look at my source and tell me what to paste into what?

Cheers - im a newbie at javascript

[jscheuer1]

Do your best effort (it doesn't have to work), put it on the web somewhere and I'll check it out.

[BoA]

www.m-carroll.com/index2.html

[mburt]

Hmm... just try this, add it to your head:

<script type="text/javascript">
function swap(orig) {
var stmain = document.getElementById("main");
stmain.setAttribute("src",orig.src)
orig.onmouseout = function() {
	stmain.setAttribute("src","http://www.m-carroll.com/stills/image011.jpg");
	}
}
var directory = "stills"
window.onload = function() {
var obj = document.all ? document.all : document.getElementsByTagName("*");
for (i = 0;i < obj.length;i++) {
	if (obj[i].tagName == "IMG") {
		var string = obj[i].src.substring(obj[i].src.indexOf(directory),obj[i].src.length).substring(0,6);
		if (string == directory) {
			obj[i].onmouseover = function() {
				swap(this)
				}
			}
		}
	}
}
</script>

[BoA]

Doesn't do anything...

[mburt]

Try it here:
http://mburt.funpic.org/testing/thumb.htm

[BoA]

Brilliant - thanks for the hep your a legend

what bits do I change so that the full size images can be shown?

[mburt]

I'm not sure, do you have the large images saved as different files?