Fotogalerie, Anfänger

[silent12]

Hallo,
ich versuche gerade eine Fotogalerie zu erstellen. Und zwar will ich eine Leiste mit meinen Bildern haben (Bild1-8)und mit einem rechts und links-Pfeil zu den jeweils vorigen und nächsten 8 Bildern zu gelangen.
Wenn ich auf eins der Bilder klicke, soll es in einem Bereich unter der Leiste dargestellt werden (brauche keine Einblendungs-Effekte).
Kann mir jemand helfen ?

Gruß
silent12

 

[Yugeen]

Google: JQuery gallery

erster Link:
http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/

sucht vlt. sowas in der Art? ^^

 

[silent12]

Hab ich auch gefunden und habe es jetzt auch alles hinbekommt, nur das mit den Pfeilen weis ich nicht umzusetzen. (http://silent12.bplaced.net/Website/grafikenphotoshop.html) Deshalb habe ich es mal nochmal neu aufgebaut (auf eine andere Art), aber der neue Code funktioniert noch nich so ganz:

Kann mir jemand sagen was an diesem Code falsch ist ?

line[0] = new Array('pic01.jpg','pic02.jpg','pic03.jpg','pic04.jpg','pic05.jpg','pic06.jpg','pic07.jpg','pic08.jpg'); //alle Bilder einfügen
line[1] = new Array('pic09.jpg','pic010.jpg','pic11.jpg','pic12.jpg','pic13.jpg','pic14.jpg','pic15.jpg','pic16.jpg');
bildnummer = 0;
i = 0;

function nextPic()
	{

	if(bildnummer<(line.length-1))
		{
		bildnummer++;
		document.getElementById('Bild').src = line[i][bildnummer]; //ändert das Bild des Elements mit der ID: Bild01
		}
	}
	
function prevPic()
	{
	if(bildnummer>0)
		{
		bildnummer--;
		document.getElementById('Bild').src = line[i][bildnummer]; //ändert das Bild des Elements mit der ID: Bild01
		}
	}
	
function prevLine()
	{	
	if(i>0)
		{
		i--;
		}
	
	}

function nextLine()
	{
	if(i>line.length-1)
		{
		i++;
		}
	}

Bezieht sich auf diese HTML-Datei:

<CODE>
<input id="Prev" value="Prev" type="button" onClick="prevPic()"/>
<img src="pic01.jpg" id="Bild" alt="Bild"/>
<input id="Next" value="Next" type="button" onClick="nextPic()"/>
</div>
<div>
<input id="PrevLine" value="PrevLine" type="button" onClick="prevLine()"/>
<input id="NextLine" value="NextLine" type="button" onClick="nextLine()"/>
</CODE>