PDA

View Full Version : FrogJS - Make new thumbnails appear on the left, and old ones on the right



Berlo
08-03-2007, 08:01 AM
1) Script Title: FrogJS Image Gallery

2) Script URL (on DD):
http://dynamicdrive.com/dynamicindex4/frogjs/index.htm

3) Describe problem:

Currently, the new thumbnail appears on the right of the main image, and the old thumbnail appears on the left side of the image.
How can I make it work the other way? New on the left, old on the right?

Thanks!

jscheuer1
08-03-2007, 08:43 AM
Find these:


var rThumb1 = document.createElement("img");
rThumb1.setAttribute('id','FrogJSrightThumb1');
rThumb1.style.display = 'none';
rThumb1.style.position = 'absolute';
rThumb1.style.top = thumbTop;
rThumb1.style.right = '0';
rThumb1.style.cursor = 'pointer';
ribbit.appendChild(rThumb1);

var lThumb1 = document.createElement("img");
lThumb1.setAttribute('id','FrogJSleftThumb1');
lThumb1.style.display = 'none';
lThumb1.style.position = 'absolute';
lThumb1.style.top = thumbTop;
lThumb1.style.left = '0';
lThumb1.style.cursor = 'pointer';
ribbit.appendChild(lThumb1);

var rThumb2 = document.createElement("img");
rThumb2.setAttribute('id','FrogJSrightThumb2');
rThumb2.style.display = 'none';
rThumb2.style.position = 'absolute';
rThumb2.style.top = thumbTop;
rThumb2.style.right = '0';
ribbit.appendChild(rThumb2);

var lThumb2 = document.createElement("img");
lThumb2.setAttribute('id','FrogJSleftThumb2');
lThumb2.style.display = 'none';
lThumb2.style.position = 'absolute';
lThumb2.style.top = thumbTop;
lThumb2.style.left = '0';
ribbit.appendChild(lThumb2);

Replace them with these:


var rThumb1 = document.createElement("img");
rThumb1.setAttribute('id','FrogJSleftThumb1');
rThumb1.style.display = 'none';
rThumb1.style.position = 'absolute';
rThumb1.style.top = thumbTop;
rThumb1.style.right = '0';
rThumb1.style.cursor = 'pointer';
ribbit.appendChild(rThumb1);

var lThumb1 = document.createElement("img");
lThumb1.setAttribute('id','FrogJSrightThumb1');
lThumb1.style.display = 'none';
lThumb1.style.position = 'absolute';
lThumb1.style.top = thumbTop;
lThumb1.style.left = '0';
lThumb1.style.cursor = 'pointer';
ribbit.appendChild(lThumb1);

var rThumb2 = document.createElement("img");
rThumb2.setAttribute('id','FrogJSleftThumb2');
rThumb2.style.display = 'none';
rThumb2.style.position = 'absolute';
rThumb2.style.top = thumbTop;
rThumb2.style.right = '0';
ribbit.appendChild(rThumb2);

var lThumb2 = document.createElement("img");
lThumb2.setAttribute('id','FrogJSrightThumb2');
lThumb2.style.display = 'none';
lThumb2.style.position = 'absolute';
lThumb2.style.top = thumbTop;
lThumb2.style.left = '0';
ribbit.appendChild(lThumb2);

Berlo
08-04-2007, 08:59 PM
I Thank you again for all your time.
You have helped me much.

As you know JS so well, do you have your own scripts?