i am stuck, help! [Archive]

kies

24.05.2001, 10:04

i have a page that is an image gallery for group's intranet site at workat the top there is a linked number for all of the images. underneath that, the image.
underneath the image, i have a link that says 'next'. i'd like this link to know what the current image is, and go to the next image, accordingly. i'm having trouble figuring out how to implement this 'next' function. Dan (moderator) suggested that I use a variable to store which image is currently on stage, but i am having a hard time implementing this.
i have a mock-up running here:
http://www.phisigmapiaz.org/images/bkg/linkedImg.html
please help!

//kies

Dan

24.05.2001, 11:02

[should've just continued on the last thread.... nevermind <img src=icon_smile_wink.gif border=0 align=middle>]

Try this:
<pre id=code>var currentImage = 1;
</pre id=code><pre id=code>function swtch(imgNum) {
switch(imgNum) {
case 1 : document.images[0].src = 'bkg_01.gif'; document.getElementById("artist").innerHTML = "b. robinson"; break;
case 2 : document.images[0].src = 'bkg_02.gif'; document.getElementById("artist").innerHTML = "photo by j. kiesel"; break;
case 3 : document.images[0].src = 'bkg_03.gif'; document.getElementById("artist").innerHTML = "j.kiesel"; break;
case 4 : document.images[0].src = 'bkg_04.gif'; document.getElementById("artist").innerHTML = "f.germano"; break;
case 5 : document.images[0].src = 'bkg_05.gif'; document.getElementById("artist").innerHTML = "f.germano"; break;
case 6 : document.images[0].src = 'bkg_06.gif'; document.getElementById("artist").innerHTML = "f.germano"; break;
case 7 : document.images[0].src = 'bkg_07.gif'; document.getElementById("artist").innerHTML = "f.germano"; break;
case 8 : document.images[0].src = 'bkg_08.gif'; document.getElementById("artist").innerHTML = "j.kiesel"; break;
case 9 : document.images[0].src = 'bkg_09.gif'; document.getElementById("artist").innerHTML = "j.kiesel"; break;
case 10 : document.images[0].src = 'bkg_10.gif'; document.getElementById("artist").innerHTML = "j.kiesel"; break;
case 11 : document.images[0].src = 'bkg_11.gif'; document.getElementById("artist").innerHTML = "j.kiesel"; break;
case 12 : document.images[0].src = 'bkg_12.gif'; document.getElementById("artist").innerHTML = "photo by j.kiesel"; break;
case 13 : document.images[0].src = 'bkg_13.gif'; document.getElementById("artist").innerHTML = "r.grosskettler"; break;
case 14 : document.images[0].src = 'bkg_14.gif'; document.getElementById("artist").innerHTML = "r.grosskettler"; break;
case 15 : document.images[0].src = 'bkg_15.gif'; document.getElementById("artist").innerHTML = "r.grosskettler"; break;
case 16 : document.images[0].src = 'bkg_16.gif'; document.getElementById("artist").innerHTML = "photo by j.fishkin-levas"; break;
case 17 : document.images[0].src = 'bkg_17.gif'; document.getElementById("artist").innerHTML = "photo by j.fishkin-levas"; break;
case 18 : document.images[0].src = 'bkg_18.gif'; document.getElementById("artist").innerHTML = "photo by j.fishkin-levas"; break;
case 19 : document.images[0].src = 'bkg_19.gif'; document.getElementById("artist").innerHTML = "photo by j.fishkin-levas"; break;
case 20 : document.images[0].src = 'bkg_20.gif'; document.getElementById("artist").innerHTML = "r.grosskettler"; break;
}
currentImage=imgNum;
}
</pre id=code><pre id=code>function next() {
if(currentImage<20) swtch(currentImage+1);
}
</pre id=code><pre id=code>function previous() {
if(currentImage>1) swtch(currentImage-1);
}
</pre id=code>

It would be easier for you if you implemented this using an array, that way you wouldn't need such a cumbersome Swtch function and you could easily add new photos:

<pre id=code>var captions = new Array("b. robinson","photo by j. kiesel","j.kiesel","f.germano","f.germano","f.germano","f.germano","j.kiesel","j.kiesel","j.kiesel","j.kiesel","photo by j.kiesel","r.grosskettler","r.grosskettler","r.grosskettler","photo by j.fishkin-levas","photo by j.fishkin-levas","photo by j.fishkin-levas","photo by j.fishkin-levas","r.grosskettler");
var currentImage = 0;
</pre id=code><pre id=code>function swtch(imgNum) {
if(imgNum>=0 && imgNum<imageArray.length) {
document.images[0].src = "bkg_0" + imgNum + ".gif";
document.getElementById("artist").innerHTML = captions[imgNum];
currentImage=imgNum;
}
}
</pre id=code><pre id=code>function next() {
swtch(currentImage+1);
}
</pre id=code><pre id=code>function previous() {
swtch(currentImage-1);
}</pre id=code>

Hope that helps a bit...<img src=icon_smile_approve.gif border=0 align=middle>

sorry about the long lines....

-------------------------
Dan
www.pupius.net
-------------------------

Edited by - Dan on 05/24/2001 10:07:16

dayve

24.05.2001, 15:58

Click Here[/url:4okxiec6x1] to read some really important information kies...

dayve

<center>
Nine Inch Nails Forum
[url]http://www.nineinchnailz.com/forum (http://www.bratta.com/dhtml/forum/howto.asp)
</center>

Brian Nickel

25.05.2001, 03:52

Its as true today as when it was written.