Javascript: Simple Bildergalerie

Caro · 28.07.2004, 20:21

Ich benötige ein JS das folgendes macht:

Aus einem Ordner mit nummerierten Bildern das erste anzeigen. Wenn der Betrachter auf das Bild klickt, das zweite Bild anzeigen, dann das dritte, ........ , und nach dem letzten Bild wieder das erste. Das ganze also in einer Endlossschleife.

Ich bin sicher, dass das mit JS einfach zu bewerkstelligen ist, hab aber leider keine Ahnung davon

Gibt es Vorlagen? Oder ist es nur eine kurze Codezeile die mir jemand schnell aufschreiben kann?

Besten Dank im Voraus!

Adromir · 28.07.2004, 23:10

Ich denke, PHP wäre besser. Inwieweit Javascript als Clientseitige Sprache wieder zurück auf den Server zugreifen kann, weiß ich nicht..

Caro · 29.07.2004, 11:30

Ich hab jetzt mal selbst was versucht zu basteln aber irgendwie läuft das nicht... Kann sich das mal jemand schnell anschauen, wär nett

HTML-Code:

<head>
<script language="JavaScript">
    var i = 1    images = new Array    
	images[1] = "locations/1.jpg"    
	images[2] = "locations/2.jpg"    
	images[3] = "locations/3.jpg"    
	images[4] = "locations/4.jpg"    
	images[5] = "locations/5.jpg"    
	images[6] = "locations/6.jpg"    
	images[7] = "locations/7.jpg"    
	images[8] = "locations/8.jpg"    
	images[9] = "locations/9.jpg"    

function previmg(){    
if (i != 1){        
document.image1.src = images[i-1]        i--        

if (i == 1) i = 9;    }}

function nextimg(){    
if (i != 9){ 
document.image1.src = images[i+1]        i++        
if (i == 9) i = 0;    }}
</script>
</head>
<body>
 <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
         <tr>
           <td width="100%" align="center"><span> <br>
               <br>
              <img src="locations/1.jpg" name="image1" border=5 width="330" height="256"><br>
                 <a style="cursor:hand;" onClick="previmg();return false;"></a>
				 <a style="cursor:hand;" onClick="nextimg(); return false;"></a>
				 </span>
				 <table width="14%"  border="0" align="center" cellpadding="0" cellspacing="0">
                   <tr>
                     <td><span><a style="cursor:hand;" onClick="previmg();return false;"><img src="locations/links.gif" title="Bild zur&uuml;ck" border=0 width="14" height="15"></a>
					 </span></td>
                     <td><div align="right"><span><a style="cursor:hand;" onClick="nextimg(); return false;"><img src="locations/rechts.gif" title="Bild vor" border=0 width="14" height="15"></a>
					 </span></div></td>
                   </tr>
                 </table></td>
         </tr>
       </table>
</body>

walter · 29.07.2004, 11:36

Also ohne jetzt die komplette Funktion deines Scripts durchgesehen zu haben: Du hast viele Semikolone (

vergessen.

z.B. bei i++

und einige Klammern scheinen auch nicht zu passen.

Aber die Funktion kann ich auf die Schnelle nicht beurteilen. Ich schaus mir mal an wenn ich mehr Zeit hab.

Gruss Walter

Caro · 29.07.2004, 12:00

Hab mein Problem inzwischen anders gelöst. Aber besten dank für deine Hilfe