Announcement

**TinyScript** · Apr 3, 2009, 11:37 PM

link the page if you can or post the javascript. there's no way to guess at what the solution might be

**Sandra D** · Apr 6, 2009, 10:23 PM

Sorry about that ... here is the page link:
http://www.kunstlerstone.com/materials.htm

Any assistance is most greatly appreciated! I am fairly new to all of this and trying to learn as I go along.

Thank you!!!

**randomuser773** · Apr 7, 2009, 10:20 AM

Originally posted by Sandra D View Post

Code:

clickMenu = function(menu) {
	var getEls = document.getElementById(menu).getElementsByTagName("LI");
	var getAgn = getEls;

	for (var i=0; i<getEls.length; i++) {
			getEls[i].onclick=function() {
				for (var x=0; x<getAgn.length; x++) {
				getAgn[x].className=getAgn[x].className.replace("click", "");
				}
				this.className+=" click";
				}
			}
		}

This just changes the appearance (border) of the thumbnails. Just call it three times:

Code:

<body onload="clickMenu('gallery');clickMenu('gallery2');clickMenu('gallery3');"  ....... >

There's no need to have multiple <body> sections in the document just to call the preload function. In fact there's no need to call it at all, since your thumbnail images are scaled versions of the large image, meaning that the images are pre-loaded anyway.

**Sandra D** · Apr 9, 2009, 09:37 AM

That was it! Thank you sooo much!!! I am forever grateful!!!

Announcement

modify JS code for multiple photo galleries on same page

modify JS code for multiple photo galleries on same page

Comment

Comment

Comment

Comment